Dolphin アイコン
twemoji:dolphin
Dolphin アイコン(twemoji:dolphin)は、Twitter Emoji セットの無料 SVG アイコンです(作者: Twitter)。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Twitter Emoji
- 作者
- ライセンス
- CC-BY-4.0
- サイズ
- 36 × 36
- カテゴリ
- 動物・自然
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#4292e0" d="M30.584 7.854A10.44 10.44 0 0 1 33.559 2c.704-.704.25-2-1-2c0 0-6.061.007-9.893 3.327A15 15 0 0 0 19.559 3c-8 0-12 4-14 12c-.444 1.778-.865 1.399-3 3c-1.195.896-2.117 3 1 3c3 0 5 .954 9 1c3.629.042 9.504-3.229 11.087-1.292c2.211 2.706 1.396 5.438.597 6.666c-2.904 3.396-5.939.541-8.685-.374c-3-1-1 1 0 2s1.312 4 0 6s3 0 5-3c.011-.017.022-.028.032-.045C28.392 31.5 34.559 25.936 34.559 18c0-3.918-1.515-7.474-3.975-10.146"/><circle cx="13.117" cy="14" r="2" fill="#1f2326"/><path fill="#77bcf7" d="M10.396 21.896s4-.876 7.167-2.688c4.625-2.646 7.26-2.594 8.885-.823s1.99 6.594-2.885 9.677c2.604-2.75 1.146-8.349-2.014-7.588c-8.153 1.964-8.903 1.547-11.153 1.422"/><path fill="#4292e0" d="m19.383 17.744l-2.922 1.285a.54.54 0 0 0-.412.561c.122 1.504.756 3.625 2.263 4.629c2.354 1.569 2.367 1.897 3 0c.768-2.303-.182-4.462-1.333-6.24a.55.55 0 0 0-.596-.235"/></svg>Dolphin アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:dolphin" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:dolphin" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:dolphin" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--dolphin]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:dolphin"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:dolphin"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/dolphin.svg" alt="Dolphin アイコン" width="24" height="24">他のアイコンセットの Dolphin アイコン
Dolphin アイコン のよくある質問
Dolphin アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Dolphin アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:dolphin" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Dolphin アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/dolphin.svg" alt="Dolphin アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。