DiceBear is a library of avatars for designers and developers

DiceBear is a library of avatars for designers and developers

2022-10-19 0 1,043
Resource Number 45962 Last Updated 2025-02-24
¥ 0USD Upgrade VIP
Download Now Matters needing attention
Can't download? Please contact customer service to submit a link error!
Value-added Service: Installation Guide Environment Configuration Secondary Development Template Modification Source Code Installation

The recommended DiceBear in this issue is a library of avatars for designers and developers.

DiceBear is a library of avatars for designers and developers插图

DiceBear is a library of avatars for designers and developers to choose between simple logos and cute characters. It also provides a simple and free HTTP API that you can use right away!

HTTP-API

Our free HTTP-API is the easiest way to use Avatars. Simply use the following URL as the image source.

https://avatars.dicebear.com/api/:sprites/:seed.svg

Replacement :sprites are male, female, human, identicon, initials, bottts, avataaars, jdenticon,gridy or micah. seed can be any value you like – but don’t use any sensitive or personal data here!

< Option

Most options can be specified using a query string. Note that you must encode the values. For example, the following URL has a blue background:

https://avatars.dicebear.com/api/male/john.svg?background=%230000ff

This URL sets the options for mood avatar style male to happy and sad:

https://avatars.dicebear.com/api/male/john.svg?mood[]=happy& mood[]=sad

Installation

If you want to use avatar styles that are not available through HTTP-API, select NPM. Use the following command to install the Avatars package.

npm install --save  @dicebear/avatars

You also need to add an avatar style. In our example, we will use the male avatar style.

npm install --save  @dicebear/avatars-male-sprites

You are now ready to create your first Avatar.

import { createAvatar } from '@dicebear/avatars';
import * as style from '@dicebear/avatars-identicon-sprites';

let svg = createAvatar(style, {
seed: 'custom-seed',
// ...  and other options
}); 

You can also omit the seed to create a completely random avatar.

Example

Adventurer

Our free HTTP-API is the easiest way to use this avatar style. Simply use the following URL as the image source.

https://avatars.dicebear.com/api/adventurer/:seed.svg

Install the avatar and the style for this avatar using the following command:

npm install --save  @dicebear/avatars @dicebear/adventurer

You are now ready to create your first Avatar.

import { createAvatar } from '@dicebear/avatars';
import * as style from '@dicebear/adventurer';

let svg = createAvatar(style, {
  seed: 'custom-seed',
  // ... and other options
});

灿烂的笑容

Use the following URL as the image source.

https://avatars.dicebear.com/api/big-smile/:seed.svg

Install the avatar and the style for this avatar using the following command.

npm install --save  @dicebear/avatars @dicebear/big-smile

You are now ready to create your first Avatar.

import { createAvatar } from '@dicebear/avatars';
import * as style from '@dicebear/big-smile';

let svg = createAvatar(style, {
seed: 'custom-seed',
// ...  and other options
}); 

Command Line interface

Installation

npm install -g  dicebear

Lists available avatar styles

dicebear create --help

< Create an avatar in SVG format

dicebear create < avatar-style> 

Create an avatar in PNG or JPG format

dicebear create < avatar-style>  --format < png|jpg> 

< Create a new avatar style

dicebear project new < package-name> 

—END—

Open Source License: MIT License

资源下载此资源为免费资源立即下载
Telegram:@John_Software

Disclaimer: This article is published by a third party and represents the views of the author only and has nothing to do with this website. This site does not make any guarantee or commitment to the authenticity, completeness and timeliness of this article and all or part of its content, please readers for reference only, and please verify the relevant content. The publication or republication of articles by this website for the purpose of conveying more information does not mean that it endorses its views or confirms its description, nor does it mean that this website is responsible for its authenticity.

Ictcoder Free source code DiceBear is a library of avatars for designers and developers https://ictcoder.com/kyym/dicebear-is-a-library-of-avatars-for-designers-and-developers.html

Share free open-source source code

Q&A
  • 1, automatic: after taking the photo, click the (download) link to download; 2. Manual: After taking the photo, contact the seller to issue it or contact the official to find the developer to ship.
View details
  • 1, the default transaction cycle of the source code: manual delivery of goods for 1-3 days, and the user payment amount will enter the platform guarantee until the completion of the transaction or 3-7 days can be issued, in case of disputes indefinitely extend the collection amount until the dispute is resolved or refunded!
View details
  • 1. Heptalon will permanently archive the process of trading between the two parties and the snapshots of the traded goods to ensure that the transaction is true, effective and safe! 2, Seven PAWS can not guarantee such as "permanent package update", "permanent technical support" and other similar transactions after the merchant commitment, please identify the buyer; 3, in the source code at the same time there is a website demonstration and picture demonstration, and the site is inconsistent with the diagram, the default according to the diagram as the dispute evaluation basis (except for special statements or agreement); 4, in the absence of "no legitimate basis for refund", the commodity written "once sold, no support for refund" and other similar statements, shall be deemed invalid; 5, before the shooting, the transaction content agreed by the two parties on QQ can also be the basis for dispute judgment (agreement and description of the conflict, the agreement shall prevail); 6, because the chat record can be used as the basis for dispute judgment, so when the two sides contact, only communicate with the other party on the QQ and mobile phone number left on the systemhere, in case the other party does not recognize self-commitment. 7, although the probability of disputes is very small, but be sure to retain such important information as chat records, mobile phone messages, etc., in case of disputes, it is convenient for seven PAWS to intervene in rapid processing.
View details
  • 1. As a third-party intermediary platform, Qichou protects the security of the transaction and the rights and interests of both buyers and sellers according to the transaction contract (commodity description, content agreed before the transaction); 2, non-platform online trading projects, any consequences have nothing to do with mutual site; No matter the seller for any reason to require offline transactions, please contact the management report.
View details

Related Article

make a comment
No comments available at the moment
Official customer service team

To solve your worries - 24 hours online professional service