图标

Icons 是一种几何矢量头像风格，由简单、易识别的图标 形状构成。生成干净、可缩放、可自定义的个人资料图标，非常适合 仪表盘、管理面板和企业工具。

This avatar style is based on: Bootstrap Icons by The Bootstrap Authors, licensed under MIT .

Open in Playground

用法

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.

选项

详情

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/definitions@10.0.0-rc.4/dist/icons.min.json

Source
Title	Bootstrap Icons
Creator	The Bootstrap Authors
Website	https://getbootstrap.com/
License	MIT
Source	https://github.com/twbs/icons