Dragon アイコン

Q: Dragon アイコンは商用利用でも無料ですか?

はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

emojione-v1:dragon

Dragon アイコン(emojione-v1:dragon)は、Emoji One (v1) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (v1) icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Emoji One (v1)
作者: Emoji One
ライセンス: CC-BY-SA-4.0
サイズ: 64 × 64
カテゴリ: 自然

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#04a69c" d="M47.687 11.588c2.493-2.607 7.181-.908 9.387.964c3.416 2.896 2.459 9.182.872 12.646c-.235.522.519 1.207 1.101 1.078c2.637-3.903 4.15-9.859 1.188-14.06c-2.948-4.183-8.852-4.798-13.181-2.885c-12.443 5.502-3.16 18.343.346 23.77c2.539 3.916 4.899 7.933 5.546 12.634c.335 2.441-.22 4.36-1.385 5.853a11.5 11.5 0 0 1-2.53-.503c-1.907-1.306-3.421-3.312-4.826-5.12c-1.187-1.523-2.174-3.253-3.246-4.859c-1.822-2.723-22.23-30.15-25.23-30.12c-9.17.111 2.503 7.841 5.639 21.96c-.093.048-.125.079-.083.087s.067.025.109.034a30.6 30.6 0 0 1 .712 6.306c-1.425 2.514-3.494 5.05-4.124 6.134c-7.645 13.2 4.282 18.11 28.837 15.574c40.697-4.19-9.297-38.852.865-49.5"/><path fill="#089083" d="M52.609 9.673a12.3 12.3 0 0 0-3.613 1.029c2.586-1.162 6.213.267 8.08 1.85c3.416 2.896 2.459 9.182.872 12.646c-.235.522.519 1.207 1.101 1.078c1.863-2.76 3.128-6.537 2.688-10c-1.915-3.632-4.589-7.196-9.125-6.602m-4.925 1.914a4.1 4.1 0 0 1 .97-.738c-4.946 2.513-6.238 8.27-2.762 14.1c3.537 5.938 8.574 10.526 11.327 16.945c1.834 4.277.538 10.126-3.156 11.97c-.216.415-.617.744-1.254.862c-8.09 1.48-13.896-4.487-18.02-10.854c-6.411-9.905-11.223-25.764-22.477-31.45c-.548 2.845 6.686 9.861 9.05 20.523c-.093.048-.125.079-.083.087s.067.025.109.034a30.6 30.6 0 0 1 .712 6.306c-1.425 2.514-3.494 5.05-4.124 6.134c-7.644 13.202 4.283 18.11 28.838 15.576c40.697-4.19-9.297-38.852.865-49.5"/><g fill="#04a69c"><path d="M25.12 55.797c-1.982-1.784-4.835-2.338-7.224-2.6c-6.375-.7-6.385 3.822-6.373 3.862c-.233 3.126-.682 6.897 12.855 4.04c2.155-.454 2.664-3.576.742-5.298"/><path d="M26.978 61.769c13.612 2.473 13.06-1.286 12.731-4.4c.014-.039-.126-4.562-6.479-3.68c-2.38.332-5.217.969-7.148 2.81c-1.871 1.775-1.271 4.882.896 5.27"/><path d="M43.837 61.855c21.656 1.456 20.12-4.31 19.07-9.105c.014-.062-1-7.087-10.751-4.594c-3.652.934-7.96 2.43-10.648 5.639c-2.604 3.099-1.12 7.835 2.327 8.06"/></g><path fill="#7d5b3f" d="M9.351 12.583c-7.77 2.63 4.762-11.95 5.03-10.842c.819 3.466-3.923 10.47-5.03 10.842"/><path fill="#a87c51" d="M12.841 13.08C2.354 15.001 21.22-1.385 21.343.093c.399 4.61-7.02 12.719-8.502 12.987"/><path fill="#04a69c" d="M4.212 23.697c3.603-.417 6.715-2.81 9.107-5c6.375-5.856 1.697-9.936 1.642-9.958C11.941 5.686 9.564 3.799.52 20.141c-1.438 2.598.204 3.961 3.692 3.56"/><path fill="#be202e" d="M9.99 16.558c-.744-.76-1.221-1.884-1.241-3.15c-.036-2.323 1.502-4.232 3.423-4.26c1.601-.024 2.968 1.286 3.387 3.077c-2.115 1.132-4.03 2.546-5.569 4.333"/><path fill="#04a69c" d="M54.3 22.413c-.031-2.285 1.982 2.839 4.634 2.802c2.653-.038 4.933-5.226 4.964-2.94c.034 2.283-2.01 9.747-4.661 9.784c-2.648.039-4.905-7.363-4.937-9.646"/></svg>

Dragon アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="emojione-v1:dragon" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="emojione-v1:dragon" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="emojione-v1:dragon" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--dragon]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:dragon"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="emojione-v1:dragon"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/emojione-v1/dragon.svg" alt="Dragon アイコン" width="24" height="24">

Emoji One (v1) の関連アイコン

他のアイコンセットの Dragon アイコン

Dragon アイコンのよくある質問

Dragon アイコンは商用利用でも無料ですか?

はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で Dragon アイコンを使うには?

@iconify/react をインストールして <Icon icon="emojione-v1:dragon" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Dragon アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/dragon.svg" alt="Dragon アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Emoji One (v1) アイコンをすべて見る →