找找图标
dragon 图标

dragon SVG 图标

emojione-monotonedragon

来自 Emoji One (Monotone) 开源图标集，矢量 SVG 可无损缩放到任意尺寸，支持在线改色、复制 React/Vue/HTML 代码。

图标 ID
emojione-monotone:dragon
中文名
—
所属集合
Emoji One (Monotone)
集合规模
1,403 枚
基础网格
32px
色彩
单色（可改色）
开源协议
CC-BY-4.0
作者
Emoji One

下载 dragon 图标

SVG 矢量源文件，或 PNG 按 16~512 预设与 16~1024 自定义尺寸导出，任意尺寸边缘锐利。

px
iOS / Android 全套尺寸 · 素材包生成器用 AI 生成类似风格的图标

PNG 由矢量源实时渲染，任意尺寸边缘锐利无锯齿；下载与预览均免费，无需注册。

dragon 的预览与使用场景

切换预览颜色后，下方三底色、真实界面场景与各尺寸渲染会实时跟随。

预览颜色
dragon 图标 浅色背景预览浅色背景
dragon 图标 深色背景预览深色背景
dragon 图标 灰底融入预览灰底融入

在真实界面里长这样

继续按钮内 · 主操作
搜索dragon…输入框 · 前缀图标
dragon导航菜单 · 选中态
暂无内容空状态 · 引导提示
9:41dragon App 图标dragondragon-facemahjong-red-dragon手机桌面 · App 图标
dragonemojione-monotone.design/icons/dragon浏览器 · 标签页与站点图标

各尺寸下的可读性

dragon 图标 24px 渲染24pxdragon 图标 32px 渲染32pxdragon 图标 48px 渲染48pxdragon 图标 64px 渲染64pxdragon 图标 96px 渲染96pxdragon 图标 128px 渲染128px

复制 dragon 图标代码

内联 SVG、React、Vue 与 CSS mask 四种主流引用方式，代码基于当前源文件生成，复制即用。

svgSVG 源码（内联 HTML）
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="currentColor" d="M62 20.068c-1.628-4.158-4.755-6.221-4.755-6.221c1.153-.584 2.839-.188 2.839-.188c-2.346-3.313-7.732-4.201-7.732-4.201c.684-.556 2.961-.883 2.961-.883c-3.457-2.229-8.367-1.416-8.367-1.416c.28-1.063 1.515-1.75 1.515-1.75c-4.83-1.396-9.589.581-9.589.581c.123-1.081 1.543-2.04 1.543-2.04c-2.129-.586-8.275 1.063-8.275 1.063c.581-1.375-.607-2.707-.607-2.707c-2.223 1.583-6.426 1.447-6.426 1.447C25.389 2.946 26.316 2 26.316 2c-3.369 0-5.481.626-6.814 1.462c-.96.13-1.841.366-2.635.676c-.546.09-1.201.316-1.693.851a7.4 7.4 0 0 0-1.077.845a1.47 1.47 0 0 1-.482-.902s-1.052 1.509-.75 2.661a3.2 3.2 0 0 0-.208.896q-.048-.016-.094-.029c-.729-.23-1.637-.518-2.414-.518a4.4 4.4 0 0 0-1.877.417A3.53 3.53 0 0 0 5.52 7.022A3.517 3.517 0 0 0 2 10.529c0 1.741 1.283 3.18 2.953 3.451l.683 1.623l.65-1.291l.912-.275h3.407c.384.135.851.391 1.356.893c.487.483.872.957 1.333 1.285H8.353l-1.218-.367l-.395-.785l-.581 1.152H4.593A2.593 2.593 0 0 0 2 18.803c0 .787.361 1.484.917 1.959c-.515 1.671.028 3.899 2.81 5.355c-.87-.969-.624-2.802-.624-2.802c.877 2.394 2.876 2.417 3.905 2.251c-2.197 2.393-3.305 5.965-3.305 10.703c0 9.803 4.301 14.772 12.785 14.772c3.786 0 8.407-.992 14.128-3.034c4.062-1.447 7.927-2.213 11.18-2.213c4.285 0 7.278 1.376 7.278 3.346c0 2.128-2.394 5.234-13.539 8.07a3.17 3.17 0 0 0-2.1-1.066c-3.014-.256-4.07 1.104-5.594.9c0 0 .881.586 2.073.691c0 0-2.251 1.236-6.024.553c0 0 2.61 2.48 5.752 1.766c0 0-.313.777-1.16 1.387c0 0 1.888.559 3.582-.705c0 0 .229.471-.905 1.264c2.579-.17 4.001-.925 4.641-1.836c.345-.011.69-.022 1.025-.036c.038.252.139.433.139.433c.195-.184.452-.34.743-.476a75 75 0 0 0 4.707-.376c-.305.44-.755.92-.755.92c4.378-.396 6.194-1.832 6.194-1.832c.16.639-.844 1.529-.844 1.529c4.302-.264 5.494-3.313 5.494-3.313c.849.404.71 1.172.71 1.172c3.503-1.75 3.7-5.295 3.7-5.295c.8.209 1.747.895 1.747.895c1.009-4.25-1.13-6.707-1.13-6.707c.287.299 1.717.373 1.717.373c-.055-3.547-2.809-4.938-2.809-4.938c.863-1.008 2.685-.094 2.685-.094c-1.821-4.625-6.697-4.156-6.697-4.156c.556-.781 2.747-1.438 2.747-1.438c-2.314-1.572-7.979-.781-7.979-.781c4.814-1.203 6.149-4.596 6.149-4.596c.231.637.085 2.736.085 2.736c3.564-2.938 2.762-6.686 2.762-6.686c1.174.357 1.744 1.967 1.744 1.967c2.593-5.094-.25-8.364-.25-8.364c1.4.002 2.316-1.033 2.316-1.033M18.126 8.848c0 1.016-.83 1.838-1.852 1.838a1.845 1.845 0 0 1-1.852-1.838c0-.077.014-.151.023-.227c.676-.156 1.492-.795 2.812-1.326c.521.326.869.896.869 1.553M3.481 10.529c0-1.107.914-2.008 2.037-2.008a2.02 2.02 0 0 1 1.84 1.165l.376.791l.713-.5a2.95 2.95 0 0 1 1.7-.536c.551 0 1.339.249 1.972.449c.599.188.951.296 1.246.296c.152 0 .275-.03.38-.074a2.84 2.84 0 0 0 1.573 1.396c-.752-.038-1.606-.259-2.63-.822c-2.193-1.207-4.006-.631-4.664-.076c-.658.557.158 1.715 1.184 1.051c1.353-.875 2.367.199 4.221.813c.082.027.155.041.234.064H5.519c-1.123-.001-2.038-.901-2.038-2.009m7.987 3.508h6.347c-.133.056-.259.102-.403.17c-1.778.77-2.774 2.424-4.576.824c-.558-.496-.995-.799-1.368-.994m8.052 1.44c-.15.427-.552.738-1.038.738h-2.139c1.156-.427 2.289-.68 3.177-.738M3.481 18.803c0-.6.499-1.088 1.111-1.088h13.889a2.585 2.585 0 0 0 2.567-2.341c.171-.278.158-.819-.172-1.234a2.6 2.6 0 0 0-2.396-1.603h-1.432c1.74-.644 2.744-2.109 4.559-1.752c-1.273-.736-2.239-.419-3.273.004a2.83 2.83 0 0 0 .779-1.941c0-.741-.292-1.412-.76-1.918c.925-.253 2.044-.419 3.439-.378c0 0-2.176-1.579-5-.735l-.008-.027c1.138-.553 2.63-.944 4.475-.944c4.186 0 7.592 3.375 7.592 7.522c0 4.149-3.406 7.524-7.592 7.524H7.62c-1.247-1.873-2.909-1.642-3.937-.499a1.05 1.05 0 0 1-.202-.59m3.164 3.462c1.273 1.704 3.543 1.062 3.543 1.062s-.948-.158-1.801-1.935H21.26a9.06 9.06 0 0 0 5.872-2.157c.976.608 2.069.779 2.069.779c-.703-1.148-.496-1.881-.32-2.21l.401-.046c2.213 1.282 4.836-.076 4.836-.076a6 6 0 0 1-.391-.285a62 62 0 0 1 3.3-.097c4.209 0 11.27.554 11.27 4.263c0 3.089-2.156 4.654-6.41 4.655c-2.528 0-5.657-.571-9.301-1.697c-3.574-1.104-8.881-2.571-13.657-2.571c-4.188 0-7.379 1.11-9.583 3.291c-1.627-.942-2.701-2.976-2.701-2.976m35.359 10.547c-3.725 0-7.22-.52-9.496-.955c-.592-.113-1.271-.26-2.014-.419c-2.684-.578-6.358-1.368-9.548-1.368c-6.476 0-7.835 3.371-7.835 6.2c0 2.146.543 3.843 1.615 5.044c2.708 3.035 8.659 2.822 17.902-.661c3.981-1.502 7.803-2.264 11.358-2.264c7.989 0 13.568 4.043 13.568 9.832c0 6.136-3.214 9.836-19.356 10.43l-.005-.057c9.655-2.492 14.361-5.588 14.361-9.453c0-2.943-3.438-4.846-8.76-4.846c-3.418 0-7.454.795-11.672 2.299c-5.56 1.983-10.021 2.948-13.636 2.948c-7.605 0-11.303-4.342-11.303-13.272c0-8.627 3.841-12.82 11.744-12.82c4.579 0 9.741 1.431 13.226 2.507c3.783 1.169 7.057 1.762 9.732 1.762c6.865-.001 7.891-3.856 7.891-6.155c0-3.824-4.289-5.763-12.75-5.763c-1.523 0-3.096.069-4.648.178c-.89-1.323-.854-2.505-.854-2.505c4.117 2.104 6.111-1.959 6.111-1.959c-4.031.668-6.173-1.813-6.173-1.813c3.054.445 4.052-1.866 4.181-2.205c9.93.711 21.911 3.713 21.911 14.065c.002 7.464-5.231 11.25-15.55 11.25m-24.059 3.764c-4.566.891-1.296-2.594-1.296-2.594c.479 2.203 3.164 1.219 3.164 1.219c-.803-3.266 3.688-2.844 3.688-2.844c-.957 1.656.756 2.703.756 2.703c1.79-1.547 6.536-1.363 6.536-1.363c-1.382.691-2.199 2.754-2.199 2.754c3.857.078 6.102-.625 6.102-.625c-1.688 2.459-4.145 3.018-4.145 3.018c-.485-1.475-3.331-1.408-3.331-1.408c.006 2.078-4.66 3.625-4.66 3.625c-.016-2.188-1.837-2.922-1.837-2.922c-2.33 3.859-3.478 1.533-3.478 1.533c1.518-1.221.7-3.096.7-3.096"/><ellipse cx="16.274" cy="8.848" fill="currentColor" rx=".926" ry=".92"/><path fill="currentColor" d="M5.887 8.753c-.532-.263-1.645 1.388-1.111 1.648c1.383.688 2.5-.963 1.111-1.648"/></svg>
reactReact 组件（TSX）
export function DragonIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width="1em"
      height="1em"
      viewBox="0 0 64 64"
      fill="currentColor"
      {...props}
      dangerouslySetInnerHTML={{ __html: `<path fill="currentColor" d="M62 20.068c-1.628-4.158-4.755-6.221-4.755-6.221c1.153-.584 2.839-.188 2.839-.188c-2.346-3.313-7.732-4.201-7.732-4.201c.684-.556 2.961-.883 2.961-.883c-3.457-2.229-8.367-1.416-8.367-1.416c.28-1.063 1.515-1.75 1.515-1.75c-4.83-1.396-9.589.581-9.589.581c.123-1.081 1.543-2.04 1.543-2.04c-2.129-.586-8.275 1.063-8.275 1.063c.581-1.375-.607-2.707-.607-2.707c-2.223 1.583-6.426 1.447-6.426 1.447C25.389 2.946 26.316 2 26.316 2c-3.369 0-5.481.626-6.814 1.462c-.96.13-1.841.366-2.635.676c-.546.09-1.201.316-1.693.851a7.4 7.4 0 0 0-1.077.845a1.47 1.47 0 0 1-.482-.902s-1.052 1.509-.75 2.661a3.2 3.2 0 0 0-.208.896q-.048-.016-.094-.029c-.729-.23-1.637-.518-2.414-.518a4.4 4.4 0 0 0-1.877.417A3.53 3.53 0 0 0 5.52 7.022A3.517 3.517 0 0 0 2 10.529c0 1.741 1.283 3.18 2.953 3.451l.683 1.623l.65-1.291l.912-.275h3.407c.384.135.851.391 1.356.893c.487.483.872.957 1.333 1.285H8.353l-1.218-.367l-.395-.785l-.581 1.152H4.593A2.593 2.593 0 0 0 2 18.803c0 .787.361 1.484.917 1.959c-.515 1.671.028 3.899 2.81 5.355c-.87-.969-.624-2.802-.624-2.802c.877 2.394 2.876 2.417 3.905 2.251c-2.197 2.393-3.305 5.965-3.305 10.703c0 9.803 4.301 14.772 12.785 14.772c3.786 0 8.407-.992 14.128-3.034c4.062-1.447 7.927-2.213 11.18-2.213c4.285 0 7.278 1.376 7.278 3.346c0 2.128-2.394 5.234-13.539 8.07a3.17 3.17 0 0 0-2.1-1.066c-3.014-.256-4.07 1.104-5.594.9c0 0 .881.586 2.073.691c0 0-2.251 1.236-6.024.553c0 0 2.61 2.48 5.752 1.766c0 0-.313.777-1.16 1.387c0 0 1.888.559 3.582-.705c0 0 .229.471-.905 1.264c2.579-.17 4.001-.925 4.641-1.836c.345-.011.69-.022 1.025-.036c.038.252.139.433.139.433c.195-.184.452-.34.743-.476a75 75 0 0 0 4.707-.376c-.305.44-.755.92-.755.92c4.378-.396 6.194-1.832 6.194-1.832c.16.639-.844 1.529-.844 1.529c4.302-.264 5.494-3.313 5.494-3.313c.849.404.71 1.172.71 1.172c3.503-1.75 3.7-5.295 3.7-5.295c.8.209 1.747.895 1.747.895c1.009-4.25-1.13-6.707-1.13-6.707c.287.299 1.717.373 1.717.373c-.055-3.547-2.809-4.938-2.809-4.938c.863-1.008 2.685-.094 2.685-.094c-1.821-4.625-6.697-4.156-6.697-4.156c.556-.781 2.747-1.438 2.747-1.438c-2.314-1.572-7.979-.781-7.979-.781c4.814-1.203 6.149-4.596 6.149-4.596c.231.637.085 2.736.085 2.736c3.564-2.938 2.762-6.686 2.762-6.686c1.174.357 1.744 1.967 1.744 1.967c2.593-5.094-.25-8.364-.25-8.364c1.4.002 2.316-1.033 2.316-1.033M18.126 8.848c0 1.016-.83 1.838-1.852 1.838a1.845 1.845 0 0 1-1.852-1.838c0-.077.014-.151.023-.227c.676-.156 1.492-.795 2.812-1.326c.521.326.869.896.869 1.553M3.481 10.529c0-1.107.914-2.008 2.037-2.008a2.02 2.02 0 0 1 1.84 1.165l.376.791l.713-.5a2.95 2.95 0 0 1 1.7-.536c.551 0 1.339.249 1.972.449c.599.188.951.296 1.246.296c.152 0 .275-.03.38-.074a2.84 2.84 0 0 0 1.573 1.396c-.752-.038-1.606-.259-2.63-.822c-2.193-1.207-4.006-.631-4.664-.076c-.658.557.158 1.715 1.184 1.051c1.353-.875 2.367.199 4.221.813c.082.027.155.041.234.064H5.519c-1.123-.001-2.038-.901-2.038-2.009m7.987 3.508h6.347c-.133.056-.259.102-.403.17c-1.778.77-2.774 2.424-4.576.824c-.558-.496-.995-.799-1.368-.994m8.052 1.44c-.15.427-.552.738-1.038.738h-2.139c1.156-.427 2.289-.68 3.177-.738M3.481 18.803c0-.6.499-1.088 1.111-1.088h13.889a2.585 2.585 0 0 0 2.567-2.341c.171-.278.158-.819-.172-1.234a2.6 2.6 0 0 0-2.396-1.603h-1.432c1.74-.644 2.744-2.109 4.559-1.752c-1.273-.736-2.239-.419-3.273.004a2.83 2.83 0 0 0 .779-1.941c0-.741-.292-1.412-.76-1.918c.925-.253 2.044-.419 3.439-.378c0 0-2.176-1.579-5-.735l-.008-.027c1.138-.553 2.63-.944 4.475-.944c4.186 0 7.592 3.375 7.592 7.522c0 4.149-3.406 7.524-7.592 7.524H7.62c-1.247-1.873-2.909-1.642-3.937-.499a1.05 1.05 0 0 1-.202-.59m3.164 3.462c1.273 1.704 3.543 1.062 3.543 1.062s-.948-.158-1.801-1.935H21.26a9.06 9.06 0 0 0 5.872-2.157c.976.608 2.069.779 2.069.779c-.703-1.148-.496-1.881-.32-2.21l.401-.046c2.213 1.282 4.836-.076 4.836-.076a6 6 0 0 1-.391-.285a62 62 0 0 1 3.3-.097c4.209 0 11.27.554 11.27 4.263c0 3.089-2.156 4.654-6.41 4.655c-2.528 0-5.657-.571-9.301-1.697c-3.574-1.104-8.881-2.571-13.657-2.571c-4.188 0-7.379 1.11-9.583 3.291c-1.627-.942-2.701-2.976-2.701-2.976m35.359 10.547c-3.725 0-7.22-.52-9.496-.955c-.592-.113-1.271-.26-2.014-.419c-2.684-.578-6.358-1.368-9.548-1.368c-6.476 0-7.835 3.371-7.835 6.2c0 2.146.543 3.843 1.615 5.044c2.708 3.035 8.659 2.822 17.902-.661c3.981-1.502 7.803-2.264 11.358-2.264c7.989 0 13.568 4.043 13.568 9.832c0 6.136-3.214 9.836-19.356 10.43l-.005-.057c9.655-2.492 14.361-5.588 14.361-9.453c0-2.943-3.438-4.846-8.76-4.846c-3.418 0-7.454.795-11.672 2.299c-5.56 1.983-10.021 2.948-13.636 2.948c-7.605 0-11.303-4.342-11.303-13.272c0-8.627 3.841-12.82 11.744-12.82c4.579 0 9.741 1.431 13.226 2.507c3.783 1.169 7.057 1.762 9.732 1.762c6.865-.001 7.891-3.856 7.891-6.155c0-3.824-4.289-5.763-12.75-5.763c-1.523 0-3.096.069-4.648.178c-.89-1.323-.854-2.505-.854-2.505c4.117 2.104 6.111-1.959 6.111-1.959c-4.031.668-6.173-1.813-6.173-1.813c3.054.445 4.052-1.866 4.181-2.205c9.93.711 21.911 3.713 21.911 14.065c.002 7.464-5.231 11.25-15.55 11.25m-24.059 3.764c-4.566.891-1.296-2.594-1.296-2.594c.479 2.203 3.164 1.219 3.164 1.219c-.803-3.266 3.688-2.844 3.688-2.844c-.957 1.656.756 2.703.756 2.703c1.79-1.547 6.536-1.363 6.536-1.363c-1.382.691-2.199 2.754-2.199 2.754c3.857.078 6.102-.625 6.102-.625c-1.688 2.459-4.145 3.018-4.145 3.018c-.485-1.475-3.331-1.408-3.331-1.408c.006 2.078-4.66 3.625-4.66 3.625c-.016-2.188-1.837-2.922-1.837-2.922c-2.33 3.859-3.478 1.533-3.478 1.533c1.518-1.221.7-3.096.7-3.096"/><ellipse cx="16.274" cy="8.848" fill="currentColor" rx=".926" ry=".92"/><path fill="currentColor" d="M5.887 8.753c-.532-.263-1.645 1.388-1.111 1.648c1.383.688 2.5-.963 1.111-1.648"/>` }}
    />
  );
}
vueVue 3 组件
<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64" fill="currentColor" v-html="body"></svg>
</template>

<script setup>
const body = `<path fill="currentColor" d="M62 20.068c-1.628-4.158-4.755-6.221-4.755-6.221c1.153-.584 2.839-.188 2.839-.188c-2.346-3.313-7.732-4.201-7.732-4.201c.684-.556 2.961-.883 2.961-.883c-3.457-2.229-8.367-1.416-8.367-1.416c.28-1.063 1.515-1.75 1.515-1.75c-4.83-1.396-9.589.581-9.589.581c.123-1.081 1.543-2.04 1.543-2.04c-2.129-.586-8.275 1.063-8.275 1.063c.581-1.375-.607-2.707-.607-2.707c-2.223 1.583-6.426 1.447-6.426 1.447C25.389 2.946 26.316 2 26.316 2c-3.369 0-5.481.626-6.814 1.462c-.96.13-1.841.366-2.635.676c-.546.09-1.201.316-1.693.851a7.4 7.4 0 0 0-1.077.845a1.47 1.47 0 0 1-.482-.902s-1.052 1.509-.75 2.661a3.2 3.2 0 0 0-.208.896q-.048-.016-.094-.029c-.729-.23-1.637-.518-2.414-.518a4.4 4.4 0 0 0-1.877.417A3.53 3.53 0 0 0 5.52 7.022A3.517 3.517 0 0 0 2 10.529c0 1.741 1.283 3.18 2.953 3.451l.683 1.623l.65-1.291l.912-.275h3.407c.384.135.851.391 1.356.893c.487.483.872.957 1.333 1.285H8.353l-1.218-.367l-.395-.785l-.581 1.152H4.593A2.593 2.593 0 0 0 2 18.803c0 .787.361 1.484.917 1.959c-.515 1.671.028 3.899 2.81 5.355c-.87-.969-.624-2.802-.624-2.802c.877 2.394 2.876 2.417 3.905 2.251c-2.197 2.393-3.305 5.965-3.305 10.703c0 9.803 4.301 14.772 12.785 14.772c3.786 0 8.407-.992 14.128-3.034c4.062-1.447 7.927-2.213 11.18-2.213c4.285 0 7.278 1.376 7.278 3.346c0 2.128-2.394 5.234-13.539 8.07a3.17 3.17 0 0 0-2.1-1.066c-3.014-.256-4.07 1.104-5.594.9c0 0 .881.586 2.073.691c0 0-2.251 1.236-6.024.553c0 0 2.61 2.48 5.752 1.766c0 0-.313.777-1.16 1.387c0 0 1.888.559 3.582-.705c0 0 .229.471-.905 1.264c2.579-.17 4.001-.925 4.641-1.836c.345-.011.69-.022 1.025-.036c.038.252.139.433.139.433c.195-.184.452-.34.743-.476a75 75 0 0 0 4.707-.376c-.305.44-.755.92-.755.92c4.378-.396 6.194-1.832 6.194-1.832c.16.639-.844 1.529-.844 1.529c4.302-.264 5.494-3.313 5.494-3.313c.849.404.71 1.172.71 1.172c3.503-1.75 3.7-5.295 3.7-5.295c.8.209 1.747.895 1.747.895c1.009-4.25-1.13-6.707-1.13-6.707c.287.299 1.717.373 1.717.373c-.055-3.547-2.809-4.938-2.809-4.938c.863-1.008 2.685-.094 2.685-.094c-1.821-4.625-6.697-4.156-6.697-4.156c.556-.781 2.747-1.438 2.747-1.438c-2.314-1.572-7.979-.781-7.979-.781c4.814-1.203 6.149-4.596 6.149-4.596c.231.637.085 2.736.085 2.736c3.564-2.938 2.762-6.686 2.762-6.686c1.174.357 1.744 1.967 1.744 1.967c2.593-5.094-.25-8.364-.25-8.364c1.4.002 2.316-1.033 2.316-1.033M18.126 8.848c0 1.016-.83 1.838-1.852 1.838a1.845 1.845 0 0 1-1.852-1.838c0-.077.014-.151.023-.227c.676-.156 1.492-.795 2.812-1.326c.521.326.869.896.869 1.553M3.481 10.529c0-1.107.914-2.008 2.037-2.008a2.02 2.02 0 0 1 1.84 1.165l.376.791l.713-.5a2.95 2.95 0 0 1 1.7-.536c.551 0 1.339.249 1.972.449c.599.188.951.296 1.246.296c.152 0 .275-.03.38-.074a2.84 2.84 0 0 0 1.573 1.396c-.752-.038-1.606-.259-2.63-.822c-2.193-1.207-4.006-.631-4.664-.076c-.658.557.158 1.715 1.184 1.051c1.353-.875 2.367.199 4.221.813c.082.027.155.041.234.064H5.519c-1.123-.001-2.038-.901-2.038-2.009m7.987 3.508h6.347c-.133.056-.259.102-.403.17c-1.778.77-2.774 2.424-4.576.824c-.558-.496-.995-.799-1.368-.994m8.052 1.44c-.15.427-.552.738-1.038.738h-2.139c1.156-.427 2.289-.68 3.177-.738M3.481 18.803c0-.6.499-1.088 1.111-1.088h13.889a2.585 2.585 0 0 0 2.567-2.341c.171-.278.158-.819-.172-1.234a2.6 2.6 0 0 0-2.396-1.603h-1.432c1.74-.644 2.744-2.109 4.559-1.752c-1.273-.736-2.239-.419-3.273.004a2.83 2.83 0 0 0 .779-1.941c0-.741-.292-1.412-.76-1.918c.925-.253 2.044-.419 3.439-.378c0 0-2.176-1.579-5-.735l-.008-.027c1.138-.553 2.63-.944 4.475-.944c4.186 0 7.592 3.375 7.592 7.522c0 4.149-3.406 7.524-7.592 7.524H7.62c-1.247-1.873-2.909-1.642-3.937-.499a1.05 1.05 0 0 1-.202-.59m3.164 3.462c1.273 1.704 3.543 1.062 3.543 1.062s-.948-.158-1.801-1.935H21.26a9.06 9.06 0 0 0 5.872-2.157c.976.608 2.069.779 2.069.779c-.703-1.148-.496-1.881-.32-2.21l.401-.046c2.213 1.282 4.836-.076 4.836-.076a6 6 0 0 1-.391-.285a62 62 0 0 1 3.3-.097c4.209 0 11.27.554 11.27 4.263c0 3.089-2.156 4.654-6.41 4.655c-2.528 0-5.657-.571-9.301-1.697c-3.574-1.104-8.881-2.571-13.657-2.571c-4.188 0-7.379 1.11-9.583 3.291c-1.627-.942-2.701-2.976-2.701-2.976m35.359 10.547c-3.725 0-7.22-.52-9.496-.955c-.592-.113-1.271-.26-2.014-.419c-2.684-.578-6.358-1.368-9.548-1.368c-6.476 0-7.835 3.371-7.835 6.2c0 2.146.543 3.843 1.615 5.044c2.708 3.035 8.659 2.822 17.902-.661c3.981-1.502 7.803-2.264 11.358-2.264c7.989 0 13.568 4.043 13.568 9.832c0 6.136-3.214 9.836-19.356 10.43l-.005-.057c9.655-2.492 14.361-5.588 14.361-9.453c0-2.943-3.438-4.846-8.76-4.846c-3.418 0-7.454.795-11.672 2.299c-5.56 1.983-10.021 2.948-13.636 2.948c-7.605 0-11.303-4.342-11.303-13.272c0-8.627 3.841-12.82 11.744-12.82c4.579 0 9.741 1.431 13.226 2.507c3.783 1.169 7.057 1.762 9.732 1.762c6.865-.001 7.891-3.856 7.891-6.155c0-3.824-4.289-5.763-12.75-5.763c-1.523 0-3.096.069-4.648.178c-.89-1.323-.854-2.505-.854-2.505c4.117 2.104 6.111-1.959 6.111-1.959c-4.031.668-6.173-1.813-6.173-1.813c3.054.445 4.052-1.866 4.181-2.205c9.93.711 21.911 3.713 21.911 14.065c.002 7.464-5.231 11.25-15.55 11.25m-24.059 3.764c-4.566.891-1.296-2.594-1.296-2.594c.479 2.203 3.164 1.219 3.164 1.219c-.803-3.266 3.688-2.844 3.688-2.844c-.957 1.656.756 2.703.756 2.703c1.79-1.547 6.536-1.363 6.536-1.363c-1.382.691-2.199 2.754-2.199 2.754c3.857.078 6.102-.625 6.102-.625c-1.688 2.459-4.145 3.018-4.145 3.018c-.485-1.475-3.331-1.408-3.331-1.408c.006 2.078-4.66 3.625-4.66 3.625c-.016-2.188-1.837-2.922-1.837-2.922c-2.33 3.859-3.478 1.533-3.478 1.533c1.518-1.221.7-3.096.7-3.096"/><ellipse cx="16.274" cy="8.848" fill="currentColor" rx=".926" ry=".92"/><path fill="currentColor" d="M5.887 8.753c-.532-.263-1.645 1.388-1.111 1.648c1.383.688 2.5-.963 1.111-1.648"/>`;
</script>
cssCSS mask（随 currentColor 改色）
.dragon {
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M62%2020.068c-1.628-4.158-4.755-6.221-4.755-6.221c1.153-.584%202.839-.188%202.839-.188c-2.346-3.313-7.732-4.201-7.732-4.201c.684-.556%202.961-.883%202.961-.883c-3.457-2.229-8.367-1.416-8.367-1.416c.28-1.063%201.515-1.75%201.515-1.75c-4.83-1.396-9.589.581-9.589.581c.123-1.081%201.543-2.04%201.543-2.04c-2.129-.586-8.275%201.063-8.275%201.063c.581-1.375-.607-2.707-.607-2.707c-2.223%201.583-6.426%201.447-6.426%201.447C25.389%202.946%2026.316%202%2026.316%202c-3.369%200-5.481.626-6.814%201.462c-.96.13-1.841.366-2.635.676c-.546.09-1.201.316-1.693.851a7.4%207.4%200%200%200-1.077.845a1.47%201.47%200%200%201-.482-.902s-1.052%201.509-.75%202.661a3.2%203.2%200%200%200-.208.896q-.048-.016-.094-.029c-.729-.23-1.637-.518-2.414-.518a4.4%204.4%200%200%200-1.877.417A3.53%203.53%200%200%200%205.52%207.022A3.517%203.517%200%200%200%202%2010.529c0%201.741%201.283%203.18%202.953%203.451l.683%201.623l.65-1.291l.912-.275h3.407c.384.135.851.391%201.356.893c.487.483.872.957%201.333%201.285H8.353l-1.218-.367l-.395-.785l-.581%201.152H4.593A2.593%202.593%200%200%200%202%2018.803c0%20.787.361%201.484.917%201.959c-.515%201.671.028%203.899%202.81%205.355c-.87-.969-.624-2.802-.624-2.802c.877%202.394%202.876%202.417%203.905%202.251c-2.197%202.393-3.305%205.965-3.305%2010.703c0%209.803%204.301%2014.772%2012.785%2014.772c3.786%200%208.407-.992%2014.128-3.034c4.062-1.447%207.927-2.213%2011.18-2.213c4.285%200%207.278%201.376%207.278%203.346c0%202.128-2.394%205.234-13.539%208.07a3.17%203.17%200%200%200-2.1-1.066c-3.014-.256-4.07%201.104-5.594.9c0%200%20.881.586%202.073.691c0%200-2.251%201.236-6.024.553c0%200%202.61%202.48%205.752%201.766c0%200-.313.777-1.16%201.387c0%200%201.888.559%203.582-.705c0%200%20.229.471-.905%201.264c2.579-.17%204.001-.925%204.641-1.836c.345-.011.69-.022%201.025-.036c.038.252.139.433.139.433c.195-.184.452-.34.743-.476a75%2075%200%200%200%204.707-.376c-.305.44-.755.92-.755.92c4.378-.396%206.194-1.832%206.194-1.832c.16.639-.844%201.529-.844%201.529c4.302-.264%205.494-3.313%205.494-3.313c.849.404.71%201.172.71%201.172c3.503-1.75%203.7-5.295%203.7-5.295c.8.209%201.747.895%201.747.895c1.009-4.25-1.13-6.707-1.13-6.707c.287.299%201.717.373%201.717.373c-.055-3.547-2.809-4.938-2.809-4.938c.863-1.008%202.685-.094%202.685-.094c-1.821-4.625-6.697-4.156-6.697-4.156c.556-.781%202.747-1.438%202.747-1.438c-2.314-1.572-7.979-.781-7.979-.781c4.814-1.203%206.149-4.596%206.149-4.596c.231.637.085%202.736.085%202.736c3.564-2.938%202.762-6.686%202.762-6.686c1.174.357%201.744%201.967%201.744%201.967c2.593-5.094-.25-8.364-.25-8.364c1.4.002%202.316-1.033%202.316-1.033M18.126%208.848c0%201.016-.83%201.838-1.852%201.838a1.845%201.845%200%200%201-1.852-1.838c0-.077.014-.151.023-.227c.676-.156%201.492-.795%202.812-1.326c.521.326.869.896.869%201.553M3.481%2010.529c0-1.107.914-2.008%202.037-2.008a2.02%202.02%200%200%201%201.84%201.165l.376.791l.713-.5a2.95%202.95%200%200%201%201.7-.536c.551%200%201.339.249%201.972.449c.599.188.951.296%201.246.296c.152%200%20.275-.03.38-.074a2.84%202.84%200%200%200%201.573%201.396c-.752-.038-1.606-.259-2.63-.822c-2.193-1.207-4.006-.631-4.664-.076c-.658.557.158%201.715%201.184%201.051c1.353-.875%202.367.199%204.221.813c.082.027.155.041.234.064H5.519c-1.123-.001-2.038-.901-2.038-2.009m7.987%203.508h6.347c-.133.056-.259.102-.403.17c-1.778.77-2.774%202.424-4.576.824c-.558-.496-.995-.799-1.368-.994m8.052%201.44c-.15.427-.552.738-1.038.738h-2.139c1.156-.427%202.289-.68%203.177-.738M3.481%2018.803c0-.6.499-1.088%201.111-1.088h13.889a2.585%202.585%200%200%200%202.567-2.341c.171-.278.158-.819-.172-1.234a2.6%202.6%200%200%200-2.396-1.603h-1.432c1.74-.644%202.744-2.109%204.559-1.752c-1.273-.736-2.239-.419-3.273.004a2.83%202.83%200%200%200%20.779-1.941c0-.741-.292-1.412-.76-1.918c.925-.253%202.044-.419%203.439-.378c0%200-2.176-1.579-5-.735l-.008-.027c1.138-.553%202.63-.944%204.475-.944c4.186%200%207.592%203.375%207.592%207.522c0%204.149-3.406%207.524-7.592%207.524H7.62c-1.247-1.873-2.909-1.642-3.937-.499a1.05%201.05%200%200%201-.202-.59m3.164%203.462c1.273%201.704%203.543%201.062%203.543%201.062s-.948-.158-1.801-1.935H21.26a9.06%209.06%200%200%200%205.872-2.157c.976.608%202.069.779%202.069.779c-.703-1.148-.496-1.881-.32-2.21l.401-.046c2.213%201.282%204.836-.076%204.836-.076a6%206%200%200%201-.391-.285a62%2062%200%200%201%203.3-.097c4.209%200%2011.27.554%2011.27%204.263c0%203.089-2.156%204.654-6.41%204.655c-2.528%200-5.657-.571-9.301-1.697c-3.574-1.104-8.881-2.571-13.657-2.571c-4.188%200-7.379%201.11-9.583%203.291c-1.627-.942-2.701-2.976-2.701-2.976m35.359%2010.547c-3.725%200-7.22-.52-9.496-.955c-.592-.113-1.271-.26-2.014-.419c-2.684-.578-6.358-1.368-9.548-1.368c-6.476%200-7.835%203.371-7.835%206.2c0%202.146.543%203.843%201.615%205.044c2.708%203.035%208.659%202.822%2017.902-.661c3.981-1.502%207.803-2.264%2011.358-2.264c7.989%200%2013.568%204.043%2013.568%209.832c0%206.136-3.214%209.836-19.356%2010.43l-.005-.057c9.655-2.492%2014.361-5.588%2014.361-9.453c0-2.943-3.438-4.846-8.76-4.846c-3.418%200-7.454.795-11.672%202.299c-5.56%201.983-10.021%202.948-13.636%202.948c-7.605%200-11.303-4.342-11.303-13.272c0-8.627%203.841-12.82%2011.744-12.82c4.579%200%209.741%201.431%2013.226%202.507c3.783%201.169%207.057%201.762%209.732%201.762c6.865-.001%207.891-3.856%207.891-6.155c0-3.824-4.289-5.763-12.75-5.763c-1.523%200-3.096.069-4.648.178c-.89-1.323-.854-2.505-.854-2.505c4.117%202.104%206.111-1.959%206.111-1.959c-4.031.668-6.173-1.813-6.173-1.813c3.054.445%204.052-1.866%204.181-2.205c9.93.711%2021.911%203.713%2021.911%2014.065c.002%207.464-5.231%2011.25-15.55%2011.25m-24.059%203.764c-4.566.891-1.296-2.594-1.296-2.594c.479%202.203%203.164%201.219%203.164%201.219c-.803-3.266%203.688-2.844%203.688-2.844c-.957%201.656.756%202.703.756%202.703c1.79-1.547%206.536-1.363%206.536-1.363c-1.382.691-2.199%202.754-2.199%202.754c3.857.078%206.102-.625%206.102-.625c-1.688%202.459-4.145%203.018-4.145%203.018c-.485-1.475-3.331-1.408-3.331-1.408c.006%202.078-4.66%203.625-4.66%203.625c-.016-2.188-1.837-2.922-1.837-2.922c-2.33%203.859-3.478%201.533-3.478%201.533c1.518-1.221.7-3.096.7-3.096%22%2F%3E%3Cellipse%20cx%3D%2216.274%22%20cy%3D%228.848%22%20fill%3D%22currentColor%22%20rx%3D%22.926%22%20ry%3D%22.92%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.887%208.753c-.532-.263-1.645%201.388-1.111%201.648c1.383.688%202.5-.963%201.111-1.648%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M62%2020.068c-1.628-4.158-4.755-6.221-4.755-6.221c1.153-.584%202.839-.188%202.839-.188c-2.346-3.313-7.732-4.201-7.732-4.201c.684-.556%202.961-.883%202.961-.883c-3.457-2.229-8.367-1.416-8.367-1.416c.28-1.063%201.515-1.75%201.515-1.75c-4.83-1.396-9.589.581-9.589.581c.123-1.081%201.543-2.04%201.543-2.04c-2.129-.586-8.275%201.063-8.275%201.063c.581-1.375-.607-2.707-.607-2.707c-2.223%201.583-6.426%201.447-6.426%201.447C25.389%202.946%2026.316%202%2026.316%202c-3.369%200-5.481.626-6.814%201.462c-.96.13-1.841.366-2.635.676c-.546.09-1.201.316-1.693.851a7.4%207.4%200%200%200-1.077.845a1.47%201.47%200%200%201-.482-.902s-1.052%201.509-.75%202.661a3.2%203.2%200%200%200-.208.896q-.048-.016-.094-.029c-.729-.23-1.637-.518-2.414-.518a4.4%204.4%200%200%200-1.877.417A3.53%203.53%200%200%200%205.52%207.022A3.517%203.517%200%200%200%202%2010.529c0%201.741%201.283%203.18%202.953%203.451l.683%201.623l.65-1.291l.912-.275h3.407c.384.135.851.391%201.356.893c.487.483.872.957%201.333%201.285H8.353l-1.218-.367l-.395-.785l-.581%201.152H4.593A2.593%202.593%200%200%200%202%2018.803c0%20.787.361%201.484.917%201.959c-.515%201.671.028%203.899%202.81%205.355c-.87-.969-.624-2.802-.624-2.802c.877%202.394%202.876%202.417%203.905%202.251c-2.197%202.393-3.305%205.965-3.305%2010.703c0%209.803%204.301%2014.772%2012.785%2014.772c3.786%200%208.407-.992%2014.128-3.034c4.062-1.447%207.927-2.213%2011.18-2.213c4.285%200%207.278%201.376%207.278%203.346c0%202.128-2.394%205.234-13.539%208.07a3.17%203.17%200%200%200-2.1-1.066c-3.014-.256-4.07%201.104-5.594.9c0%200%20.881.586%202.073.691c0%200-2.251%201.236-6.024.553c0%200%202.61%202.48%205.752%201.766c0%200-.313.777-1.16%201.387c0%200%201.888.559%203.582-.705c0%200%20.229.471-.905%201.264c2.579-.17%204.001-.925%204.641-1.836c.345-.011.69-.022%201.025-.036c.038.252.139.433.139.433c.195-.184.452-.34.743-.476a75%2075%200%200%200%204.707-.376c-.305.44-.755.92-.755.92c4.378-.396%206.194-1.832%206.194-1.832c.16.639-.844%201.529-.844%201.529c4.302-.264%205.494-3.313%205.494-3.313c.849.404.71%201.172.71%201.172c3.503-1.75%203.7-5.295%203.7-5.295c.8.209%201.747.895%201.747.895c1.009-4.25-1.13-6.707-1.13-6.707c.287.299%201.717.373%201.717.373c-.055-3.547-2.809-4.938-2.809-4.938c.863-1.008%202.685-.094%202.685-.094c-1.821-4.625-6.697-4.156-6.697-4.156c.556-.781%202.747-1.438%202.747-1.438c-2.314-1.572-7.979-.781-7.979-.781c4.814-1.203%206.149-4.596%206.149-4.596c.231.637.085%202.736.085%202.736c3.564-2.938%202.762-6.686%202.762-6.686c1.174.357%201.744%201.967%201.744%201.967c2.593-5.094-.25-8.364-.25-8.364c1.4.002%202.316-1.033%202.316-1.033M18.126%208.848c0%201.016-.83%201.838-1.852%201.838a1.845%201.845%200%200%201-1.852-1.838c0-.077.014-.151.023-.227c.676-.156%201.492-.795%202.812-1.326c.521.326.869.896.869%201.553M3.481%2010.529c0-1.107.914-2.008%202.037-2.008a2.02%202.02%200%200%201%201.84%201.165l.376.791l.713-.5a2.95%202.95%200%200%201%201.7-.536c.551%200%201.339.249%201.972.449c.599.188.951.296%201.246.296c.152%200%20.275-.03.38-.074a2.84%202.84%200%200%200%201.573%201.396c-.752-.038-1.606-.259-2.63-.822c-2.193-1.207-4.006-.631-4.664-.076c-.658.557.158%201.715%201.184%201.051c1.353-.875%202.367.199%204.221.813c.082.027.155.041.234.064H5.519c-1.123-.001-2.038-.901-2.038-2.009m7.987%203.508h6.347c-.133.056-.259.102-.403.17c-1.778.77-2.774%202.424-4.576.824c-.558-.496-.995-.799-1.368-.994m8.052%201.44c-.15.427-.552.738-1.038.738h-2.139c1.156-.427%202.289-.68%203.177-.738M3.481%2018.803c0-.6.499-1.088%201.111-1.088h13.889a2.585%202.585%200%200%200%202.567-2.341c.171-.278.158-.819-.172-1.234a2.6%202.6%200%200%200-2.396-1.603h-1.432c1.74-.644%202.744-2.109%204.559-1.752c-1.273-.736-2.239-.419-3.273.004a2.83%202.83%200%200%200%20.779-1.941c0-.741-.292-1.412-.76-1.918c.925-.253%202.044-.419%203.439-.378c0%200-2.176-1.579-5-.735l-.008-.027c1.138-.553%202.63-.944%204.475-.944c4.186%200%207.592%203.375%207.592%207.522c0%204.149-3.406%207.524-7.592%207.524H7.62c-1.247-1.873-2.909-1.642-3.937-.499a1.05%201.05%200%200%201-.202-.59m3.164%203.462c1.273%201.704%203.543%201.062%203.543%201.062s-.948-.158-1.801-1.935H21.26a9.06%209.06%200%200%200%205.872-2.157c.976.608%202.069.779%202.069.779c-.703-1.148-.496-1.881-.32-2.21l.401-.046c2.213%201.282%204.836-.076%204.836-.076a6%206%200%200%201-.391-.285a62%2062%200%200%201%203.3-.097c4.209%200%2011.27.554%2011.27%204.263c0%203.089-2.156%204.654-6.41%204.655c-2.528%200-5.657-.571-9.301-1.697c-3.574-1.104-8.881-2.571-13.657-2.571c-4.188%200-7.379%201.11-9.583%203.291c-1.627-.942-2.701-2.976-2.701-2.976m35.359%2010.547c-3.725%200-7.22-.52-9.496-.955c-.592-.113-1.271-.26-2.014-.419c-2.684-.578-6.358-1.368-9.548-1.368c-6.476%200-7.835%203.371-7.835%206.2c0%202.146.543%203.843%201.615%205.044c2.708%203.035%208.659%202.822%2017.902-.661c3.981-1.502%207.803-2.264%2011.358-2.264c7.989%200%2013.568%204.043%2013.568%209.832c0%206.136-3.214%209.836-19.356%2010.43l-.005-.057c9.655-2.492%2014.361-5.588%2014.361-9.453c0-2.943-3.438-4.846-8.76-4.846c-3.418%200-7.454.795-11.672%202.299c-5.56%201.983-10.021%202.948-13.636%202.948c-7.605%200-11.303-4.342-11.303-13.272c0-8.627%203.841-12.82%2011.744-12.82c4.579%200%209.741%201.431%2013.226%202.507c3.783%201.169%207.057%201.762%209.732%201.762c6.865-.001%207.891-3.856%207.891-6.155c0-3.824-4.289-5.763-12.75-5.763c-1.523%200-3.096.069-4.648.178c-.89-1.323-.854-2.505-.854-2.505c4.117%202.104%206.111-1.959%206.111-1.959c-4.031.668-6.173-1.813-6.173-1.813c3.054.445%204.052-1.866%204.181-2.205c9.93.711%2021.911%203.713%2021.911%2014.065c.002%207.464-5.231%2011.25-15.55%2011.25m-24.059%203.764c-4.566.891-1.296-2.594-1.296-2.594c.479%202.203%203.164%201.219%203.164%201.219c-.803-3.266%203.688-2.844%203.688-2.844c-.957%201.656.756%202.703.756%202.703c1.79-1.547%206.536-1.363%206.536-1.363c-1.382.691-2.199%202.754-2.199%202.754c3.857.078%206.102-.625%206.102-.625c-1.688%202.459-4.145%203.018-4.145%203.018c-.485-1.475-3.331-1.408-3.331-1.408c.006%202.078-4.66%203.625-4.66%203.625c-.016-2.188-1.837-2.922-1.837-2.922c-2.33%203.859-3.478%201.533-3.478%201.533c1.518-1.221.7-3.096.7-3.096%22%2F%3E%3Cellipse%20cx%3D%2216.274%22%20cy%3D%228.848%22%20fill%3D%22currentColor%22%20rx%3D%22.926%22%20ry%3D%22.92%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.887%208.753c-.532-.263-1.645%201.388-1.111%201.648c1.383.688%202.5-.963%201.111-1.648%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

给 dragon 加一点动效

单文件 CSS 即可播放，无需任何依赖；描画动效仅对描边类图标生效。

dragon 呼吸动效演示

呼吸

透明度往复渐变，适合状态提示与在线指示。

css呼吸动效样式
.icon-dragon {
  animation: icon-breathe 1.8s ease-in-out infinite;
}

@keyframes icon-breathe {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.35; }
}
dragon 旋转动效演示

旋转

匀速循环旋转，适合加载中场景。

css旋转动效样式
.icon-dragon {
  animation: icon-spin 1.6s linear infinite;
}

@keyframes icon-spin {
  to { transform: rotate(360deg); }
}

SVG 健康报告

对源文件的客观技术指标，供工程侧评估引用方式。

文件体积

5.49 KB

5,622 字节

viewBox

0 0 64 64

矢量坐标系

图元总数

3

<path> ×2

风格

单色（跟随 currentColor）

填充跟随容器颜色

同时含 width/height 与 viewBox：可以只保留 viewBox，让图标跟随容器自适应缩放。 文件体积 5.49 KB（5,622 字节），图元 3 个，风格为单色（跟随 currentColor）。

常见问题

关于 dragon 图标的下载、商用与改色。

dragon 图标是什么？▾

它是 Emoji One (Monotone)（emojione-monotone）开源图标集中的 dragon 图标，单色（跟随 currentColor），viewBox 为 0 0 64 64，文件仅 5.49 KB，矢量格式可无损缩放到任意尺寸。

如何下载 dragon 图标？▾

点击「下载与导出」中的 SVG 源文件按钮保存矢量文件；也可以按 512 / 256 / 128 / 64 / 32 / 16px 预设导出 PNG，或在输入框填 16~1024 之间的任意尺寸。需要 iOS、Android 全套尺寸时，用素材包生成器一键打包。

dragon 图标可以商用吗？▾

该图标采用 CC BY 4.0（CC-BY-4.0） 开源协议，通常允许在遵守协议的前提下免费使用，常见要求是保留作者版权声明。商用前建议阅读协议原文确认。

如何修改 dragon 图标的颜色？▾

在「预览与场景」的色板中切换颜色，三底色与全部场景会实时跟随；点击任一相近图标可打开预览弹层，复制对应颜色的 SVG 源码或 PNG。也可以复制 SVG 源码后自行修改 fill 值。

Emoji One (Monotone) 中的相近图标

dragon-face
mahjong-red-dragon