Dragon Face アイコン
fluent-emoji-flat:dragon-face
Dragon Face アイコン(fluent-emoji-flat:dragon-face)は、Fluent Emoji Flat セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji Flat
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 動物・自然
- タグ
- dragonface
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#d3d3d3" d="m9.87 18.79l-.042-.04h3.406l-1.103 1.27c-.27.27-.7.27-.97 0l-.905-.862l-.844.862c-.27.27-.7.27-.97 0l-.892-.91l-.872.91c-.27.27-.7.27-.97 0l-1.192-1.192h2.757l-.039-.039z"/><path fill="#f70a8d" d="M19.656 19H19l.537-6.937h10.135c.58 0 .875.544.875 1.124V14.5c0 2.309-1.767 4.205-4.4 4.469h3.18c.73 0 1.33.41 1.33 1.14v3.652c0 3.755-2.141 6.16-4.47 6.16h-6.53z"/><path fill="#fcd53f" d="M10.551 1.679a.969.969 0 1 0-.54 1.861c.673.195.984.454 1.121.637a.61.61 0 0 1 .123.501c-.079.43-.489.744-.786.744c-.46 0-.784-.144-1.287-.367c-.17-.075-.36-.16-.583-.25c-.858-.35-1.897-.6-3.297-.05c-1.915.75-2.257 2.64-2.152 4.1c.107 1.483.678 2.988 1.152 3.75a.969.969 0 0 0 1.646-1.023c-.312-.502-.781-1.704-.865-2.867c-.085-1.188.232-1.884.927-2.157c.789-.309 1.289-.19 1.857.04q.148.063.332.147c.557.253 1.354.615 2.27.615c1.356 0 2.47-1.109 2.693-2.335a2.55 2.55 0 0 0-.479-2.01c-.46-.615-1.187-1.062-2.132-1.336M22.859 5h4.684c.21 0 .362.23.276.43l-.228.57c-.476 1.21-1.6 2-2.847 2h-1.886a.71.71 0 0 0-.628.42l-1.39 3.23a.58.58 0 0 1-.514.35h-1.952c-.4 0-.676-.44-.514-.83l1.59-3.83C20.04 5.92 21.383 5 22.859 5"/><path fill="#00d26a" d="m13.545 7.749l.299-.515c.101-.187.64-1.156 1.562-1.156h1.742c.563 0 .875.57.875.906c0 .391-.218 1.016-.875 1.016h-.773a.25.25 0 0 0-.281.125a12 12 0 0 0-.291.796h11.876c.25 0 .42.23.37.47l-.33 1.96c-.3 1.2-1.38 2.04-2.61 2.04H23.4l.06.07c.54.6.84 1.37.84 2.18l-.01 7.42v.36l-.04 1.04c-.01.17-.03.35-.05.52l-.06.52c-.013.123-.037.242-.06.36l-.03.16l-.1.51c-.02.113-.049.226-.078.34l-.042.17c-.26.99-.62 1.96-1.07 2.88h-8.244l.922-3.209c.557-.517.584-1.186.612-1.898c.008-.193.016-.388.034-.585A.207.207 0 0 0 15.88 24H7.14c-1.64 0-3.07-1.23-3.06-2.48c0-.33.266-.486.596-.486h5.552c.492 0 1.172-.316 1.523-.666l1.328-1.447H3.82c-.96 0-1.74-.78-1.74-1.74v-3.8a2.5 2.5 0 0 1 2.5-2.46c.6 0 1.336.14 1.766.5l.085.072c.28.236.6.506.962.506l3.037-.108c.5 0 .94-.3 1.13-.75l.44-.72q.04-.07.084-.136c.418-.747 1.079-1.88 1.462-2.536"/><path fill="#fcd53f" d="M14.616 29.92c.707-.44 1.938-2.343 2.634-4.059c.563-1.387-.401-1.819-.953-1.861h-2.094l-.066.042a.2.2 0 0 1 .167.225c-.13.921-.26 1.788-.967 2.445c-.93.877-2.664 1.443-3.891 1.843l-.257.084q-.143.07-.288.134c-.44.198-.853.384-.853.757c0 .35.226.358.588.37q.161.003.355.02z"/><path fill="#008463" d="M4 17c-.546 0-1-.41-1-.924v-2.152c0-.505.443-.924 1-.924c.546 0 1 .41 1 .924v2.152c-.01.505-.454.924-1 .924"/><path fill="#1c1c1c" d="M14 14a1 1 0 1 1 2 0v2a1 1 0 1 1-2 0z"/></g></svg>
Dragon Face アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:dragon-face" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:dragon-face" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:dragon-face" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--dragon-face]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:dragon-face"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:dragon-face"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/dragon-face.svg" alt="Dragon Face アイコン" width="24" height="24">
Fluent Emoji Flat の関連アイコン
他のアイコンセットの Dragon Face アイコン
Dragon Face アイコン のよくある質問
Dragon Face アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Dragon Face アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:dragon-face" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Dragon Face アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/dragon-face.svg" alt="Dragon Face アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
