Paw 28 アイコン
fluent-color:paw-28
Paw 28 アイコン(fluent-color:paw-28)は、Fluent UI System Color Icons セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 28 × 28 のグリッドで描かれています。 Fluent UI System Color Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent UI System Color Icons
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 28 × 28
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><g fill="none"><path fill="url(#SVGOmqqedsd)" d="M14 11a8 8 0 0 0-7.984 8.506c.098 1.574.996 2.721 2.175 3.447C9.355 23.669 10.82 24 12.208 24h3.584c1.389 0 2.853-.331 4.017-1.047c1.18-.726 2.077-1.873 2.175-3.447Q22 19.255 22 19a8 8 0 0 0-8-8"/><path fill="url(#SVGe1PhUI9G)" d="M14.75 6.25c0-1.676 1.178-3.25 2.875-3.25S20.5 4.574 20.5 6.25S19.323 9.5 17.625 9.5S14.75 7.926 14.75 6.25m-13.5 3.5c0-1.676 1.178-3.25 2.875-3.25S7 8.074 7 9.75S5.822 13 4.125 13S1.25 11.426 1.25 9.75m19.75 0c0-1.676 1.177-3.25 2.875-3.25s2.875 1.574 2.875 3.25S25.573 13 23.875 13S21 11.426 21 9.75M7.5 6.25C7.5 4.574 8.678 3 10.375 3s2.875 1.574 2.875 3.25s-1.178 3.25-2.875 3.25S7.5 7.926 7.5 6.25"/><defs><radialGradient id="SVGe1PhUI9G" cx="0" cy="0" r="1" gradientTransform="matrix(0 -12.8571 20.4 0 14.708 13.714)" gradientUnits="userSpaceOnUse"><stop stop-color="#eb4824"/><stop offset="1" stop-color="#ff921f"/></radialGradient><linearGradient id="SVGOmqqedsd" x1="9.805" x2="15.758" y1="12.728" y2="24.427" gradientUnits="userSpaceOnUse"><stop offset=".125" stop-color="#ff921f"/><stop offset="1" stop-color="#eb4824"/></linearGradient></defs></g></svg>Paw 28 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-color:paw-28" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-color:paw-28" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-color:paw-28" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-color--paw-28]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-color -->
<div class="i-fluent-color:paw-28"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-color:paw-28"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-color/paw-28.svg" alt="Paw 28 アイコン" width="24" height="24">Fluent UI System Color Icons の関連アイコン
Paw 28 アイコン のよくある質問
Paw 28 アイコンは商用利用でも無料ですか?
はい。Fluent UI System Color Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Paw 28 アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-color:paw-28" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Paw 28 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-color/paw-28.svg" alt="Paw 28 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。