Shark アイコン
fluent-emoji-flat:shark
Shark アイコン(fluent-emoji-flat:shark)は、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="#9b9b9b" d="M26 3c0-.59-.5-1.05-1.09-1c-2.001.185-4.011.865-5.613 1.873q-.435-.033-.877-.033h-1.61c-5.54 0-11.12 2.61-14.45 7.04c-.44.58-.48 1.38-.1 2c.47.78 1.081 1.48 1.79 2.071H17V16.8c0 1.3.73 2.49 1.89 3.08l.09.05A.7.7 0 0 0 20 19.3v-4.35h2.447c1.155.34 2.369.53 3.553.53v-.53h.033v5.885l-7.583 3.637l-.4-.76a10 10 0 0 1-.63.127a.8.8 0 0 1-.75-.28l-1.76-2.2A6.28 6.28 0 0 0 10.02 19H8.77c-.31 0-.49.35-.3.6l5.23 6.97c.19.25.2.6.02.87l-1.32 1.98c-.15.25.03.58.32.58h1.62c1.04 0 2.02-.52 2.6-1.39l.85-1.26a.79.79 0 0 1 .66-.35c.13 0 .26 0 .39-.01C25.04 26.77 30 21.68 30 15.42c0-3.5-1.55-6.635-4-8.758z"/><path fill="#d3d3d3" d="M23 13.92V11.5c0-.19.18-.33.39-.28c2.7.73 4.67 3.21 4.64 6.15c-.02 2.13-1.15 4.1-2.94 5.26l-.95.62c-1.85 1.2-3.94 1.99-6.11 2.32v-1.85c.1-.02.19-.05.29-.07c1.856-.7 5.681-2.065 5.681-4.64c0-1.552-1.52-1.987-2.281-2.01H9.15c-1.85-.09-3.68-.85-5.12-2.05l1.41-1.21C7.5 11.97 10.13 11 12.84 11h6.89c.15 0 .27.12.27.27c0 1.22.61 2.37 1.63 3.06l.28.18c.46.31 1.09-.03 1.09-.59"/><path fill="#636363" d="M15 12c0 .28.22.5.5.5c.27 0 .5-.22.5-.5V9.99c0-.27-.22-.5-.5-.5s-.5.22-.5.5zm2 0c0 .28.22.5.5.5c.27 0 .5-.22.5-.5V9.99c0-.28-.22-.5-.5-.5s-.5.22-.5.5z"/><path fill="#1c1c1c" d="M10.51 12a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/></g></svg>
Shark アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:shark" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:shark" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:shark" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--shark]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:shark"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:shark"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/shark.svg" alt="Shark アイコン" width="24" height="24">
Shark アイコン のよくある質問
Shark アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Shark アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:shark" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Shark アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/shark.svg" alt="Shark アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
