Dragon アイコン

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

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

openmoji:dragon

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

アイコンセット: OpenMoji
作者: OpenMoji
ライセンス: CC-BY-SA-4.0
サイズ: 72 × 72
カテゴリ: 動物・自然

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#b1cc33" stroke="#b1cc33" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M46 24c-1.083-.583-4-1-5.917-.917C38.167 23.167 37 21 37 21c-.9 1.35-.315 2.768.6 3.918c1.152 1.447 2.823 2.399 4.63 2.792C47.726 28.907 48 30 48 30l-.194 2.858c3.89 1.55 4.608 4.458 4.889 5.45l-4.358.008c3.47 2.442 4.326 7.368 4.326 7.368L50 46c-.167 3-3.5 7.917-8 11s-2.25 7.75-2.25 7.75S34 58 42 51s.583-15 .583-15c1.584 12-4.416 14.583-4.416 14.583c-7.834 1.584-8.417-3.333-8.417-3.333l3.75 1.417c8.5.666.167-11.084.167-11.084c-9.334-5.416-13.667 2.417-14.084 1s1.584-4.75 1.584-4.75c-1.834-1.166-10.834 3.084-10.834 3.084c-.666-1.084 7.25-5.917 7.25-5.917C16.167 29 10 29 10 29s4-6 14.167-2.833L37 34s-6.737-6.876-8-12c-1.28-5.192 2.618-8.493 2-8l-3.33-4.332c1.943-.522 3.566.78 4.132 1.213L30.224 5.76c2.502.121 3.79 2.118 4.247 2.79L36 5l3.917 3.5s2.083-1.5 3 .25S46 14 49.083 14.583s1.5 3.917 1.5 3.917S46 17 44 17s-2.75 1.583-2.75 1.583S41 18 45 20s1 4 1 4"/><path fill="#ea5a47" d="M50 21s4 2 3 4c0 0 3.333 0 4.167 2.5S63 28 63 28l-4.333-2.167s0-2.833-1.334-2.833C56 23 53 20 50 21"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path d="M52.663 45.684s-.856-4.926-4.326-7.368m4.358-.007c-.281-.993-.998-3.9-4.89-5.45M48 30s-.273-1.093-5.77-2.29c-1.807-.393-3.478-1.345-4.63-2.792c-.915-1.15-1.5-2.568-.6-3.918c0 0 1.167 2.167 3.083 2.083s4.834.334 5.917.917m0 0s3-2-1-4s-3.75-1.417-3.75-1.417S42 17 44 17s6.583 1.5 6.583 1.5s1.584-3.333-1.5-3.917s-5.25-4.083-6.166-5.833s-3-.25-3-.25L36 5M24.167 26.167C14 23 10 29 10 29s6.167 0 7.583 2c0 0-7.916 4.833-7.25 5.917c0 0 9-4.25 10.834-3.084c0 0-2 3.334-1.584 4.75c.417 1.417 4.75-6.416 14.084-1c0 0 8.333 11.75-.167 11.084l-3.75-1.417s.583 4.917 8.417 3.333c0 0 6-2.583 4.416-14.583c0 0 7.417 8-.583 15s-2.25 13.75-2.25 13.75S37.5 60.083 42 57s7.833-8 8-11"/><path d="M31 14c.618-.493-3.28 2.808-2 8c1.263 5.124 8 12 8 12M34.47 8.55c-.457-.673-1.744-2.67-4.246-2.79m1.578 5.121c-.566-.432-2.19-1.735-4.133-1.213M50 21s4 2 3 4c0 0 3.333 0 4.167 2.5S63 28 63 28l-4.333-2.167s0-2.833-1.334-2.833C56 23 53 20 50 21"/></g></svg>

Dragon アイコンの使い方

React

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

<Icon icon="openmoji:dragon" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:dragon" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:dragon" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="openmoji:dragon"></iconify-icon>

HTML 画像

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

OpenMoji の関連アイコン

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

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

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

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

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

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

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

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

OpenMoji アイコンをすべて見る →