ICONYZ
日本語
Twitter Emoji の Dolphin アイコン

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
作者
Twitter
ライセンス
CC-BY-4.0
サイズ
36 × 36
カテゴリ
動物・自然
SVG をダウンロード

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 コードをページに直接貼り付けます。

Twitter Emoji アイコン をすべて見る →