Icons
Icons is a geometric vector avatar style built from simple, recognizable icon shapes. Generate clean, scalable customizable profile icons ideal for dashboards, admin panels, and enterprise tools.
This avatar style is based on: Bootstrap Icons by The Bootstrap Authors, licensed under MIT .
Open in PlaygroundUsage
Use this URL to request this avatar style via our HTTP API.
https://api.dicebear.com/9.x/icons/svg
You can use the URL directly as image source.
See HTTP-API docs for more information.
First install the required packages via npm:
npm install @dicebear/core @dicebear/collection --save
Then you can create this avatar as follows:
import { createAvatar } from '@dicebear/core';
import { icons } from '@dicebear/collection';
const avatar = createAvatar(icons, {
// ... options
});
const svg = avatar.toString();
See JS-Library docs for more information.
First install the CLI package via npm:
npm install --global dicebear
Then you can create this avatar as follows:
dicebear icons
See CLI docs for more information.
Options
seed
The seed determines the initial value for the built-in PRNG. With the PRNG you can create the same avatar over and over again based.
flip
rotate
scale
radius
size
backgroundColor
backgroundType
backgroundRotation
Specify an array of two numbers for this option. The PRNG will generate a number between the two values, which will be used as the rotation degree. The rotation is only visible if backgroundType is set to ['gradientLinear'].
translateX
translateY
clip
randomizeIds
This option randomize the IDs in the generated SVG / XML. This can be useful for example if the avatars are included directly in the HTML and you want to avoid ID collisions.
icon
Details
| Naming | |
|---|---|
| Collection Import | import { icons } from '@dicebear/collection'; |
| Package Import | import * as style from '@dicebear/icons'; |
| CLI | dicebear icons |
| HTTP-API | https://api.dicebear.com/9.x/icons/svg |
| JSON Schema | https://api.dicebear.com/9.x/icons/schema.json |
| Source | |
|---|---|
| Title | Bootstrap Icons |
| Creator | The Bootstrap Authors |
| Website | https://getbootstrap.com/ |
| License | MIT |
| Source | https://github.com/twbs/icons |