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/10.x/icons/svg
You can use the URL directly as image source.
<img src="https://api.dicebear.com/10.x/icons/svg" alt="avatar" />
See HTTP-API docs for more information.
First install the required packages via npm:
npm install @dicebear/core @dicebear/definitions --save
Then you can create this avatar as follows:
import { Style, Avatar } from '@dicebear/core';
import definition from '@dicebear/definitions/icons.json';
const style = new Style(definition);
const avatar = new Avatar(style, {
// ... options
});
const svg = avatar.toString();
See JS docs for more information.
First install the required packages via Composer:
composer require dicebear/core dicebear/definitions
Then you can create this avatar as follows:
<?php
use Composer\InstalledVersions;
use DiceBear\Style;
use DiceBear\Avatar;
$basePath = InstalledVersions::getInstallPath('dicebear/definitions');
$definition = json_decode(file_get_contents($basePath . '/src/icons.json'), true);
$style = new Style($definition);
$avatar = new Avatar($style, [
// ... options
]);
$svg = (string) $avatar;
See PHP 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
Details
| Naming | |
|---|---|
| Definition Import | import definition from '@dicebear/definitions/icons.json'; |
| CLI | dicebear icons |
| HTTP-API | https://api.dicebear.com/10.x/icons/svg |
| Definition | https://cdn.hopjs.net/npm/@dicebear/schema@0.1.1/dist/icons.min.json |
| Source | |
|---|---|
| Title | Bootstrap Icons |
| Creator | The Bootstrap Authors |
| Website | https://getbootstrap.com/ |
| License | MIT |
| Source | https://github.com/twbs/icons |