Dolphin アイコン
fluent-emoji-flat:dolphin
Dolphin アイコン(fluent-emoji-flat:dolphin)は、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
- カテゴリ
- 動物・自然
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#00a6ed" d="M15.697 2.031c1.325.064 2.61.37 3.81.874a11.04 11.04 0 0 1 6.49-.7l.37.075c.74.15 1.03 1.101.52 1.678a12.7 12.7 0 0 0-2.063 3.248c1.325 1.886 2.121 4.141 2.13 6.515c-.095 7.217-5.559 11.565-11.829 11.545c-1.07 0-2.088-.002-3.068-.282v1.517c0 1.95-1.605 3.274-3.52 3.473c-.277.029-.503-.201-.5-.48l.041-3.44c.192-1.312.959-2.025 1.483-2.512c.287-.267.501-.466.51-.66c.007-.182-.191-.365-.467-.619c-.548-.503-1.401-1.289-1.557-2.92V15.89c0-.594.531-.555.797-.461c1.847.31 3.213 2.118 3.213 4.031v1.99c1.821.046 2.814-.83 3.852-1.745l.21-.185c3.317-2.654 3.179-5.377 2.381-7.02c-.42-.865-.98-1.372-1.759-1.66c-.53 1.944-.231 3.685.118 4.659c.37 1.028-.548.986-.922.672c-1.622-1.363-2.028-3.046-1.905-5.672H6l-.942-.515c-.328-1.092.214-2.446 1.646-2.591l.218-.017c.443-.031.826-.058.802-.605c0-2.343 2.405-4.75 4.953-4.75z"/><path fill="#1c1c1c" d="M12.707 7.413a.707.707 0 1 0 0-1.413a.707.707 0 0 0 0 1.413"/><path fill="#aeddff" d="m16.486 12.262l.03.02c2.48 2.153 1.455 5.242-.398 7.24c3.332-2.651 4.215-5.168 3.195-7.272c-.522-1.075-1.376-1.65-2.401-1.957a8.2 8.2 0 0 0-.426 1.969m-2.422-2.306l-.47-.003H5.049c.221.782.885 1.438 1.982 1.438q.626 0 1.242-.003c2.145-.007 4.165-.014 5.74.175q-.011-.743.05-1.607"/></g></svg>
Dolphin アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:dolphin" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:dolphin" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:dolphin" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--dolphin]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:dolphin"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:dolphin"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/dolphin.svg" alt="Dolphin アイコン" width="24" height="24">
Dolphin アイコン のよくある質問
Dolphin アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Dolphin アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:dolphin" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Dolphin アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/dolphin.svg" alt="Dolphin アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
