Service Dog アイコン
fluent-emoji-high-contrast:service-dog
Service Dog アイコン(fluent-emoji-high-contrast:service-dog)は、Fluent Emoji High Contrast セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji High Contrast
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 動物・自然
- タグ
- servicedog
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M8.01 10.28c0 .28.22.5.5.5s.5-.22.5-.49v-.57c0-.28-.22-.5-.5-.5s-.5.22-.5.5zM16.65 17a1.14 1.14 0 1 1-2.28 0a1.14 1.14 0 0 1 2.28 0"/><path d="M23.13 9.87L26.05 2h1.6l-3.11 8.39a6.3 6.3 0 0 1-4.106 3.867C22.95 16.062 25 18.433 25 22c0 0 .006 1.609.009 2.92c.98-.659 1.944-1.55 1.991-2.56c.05-.97-.28-1.87-.84-2.56c-.73-.9-1.15-2.01-1.15-3.17a.7.7 0 0 1 .98-.64A6.8 6.8 0 0 1 30 22.37c-.075 3.024-2.849 5.568-5.87 6.363A5.14 5.14 0 0 1 19.87 31H3a1 1 0 0 1-.895-1.447l2.934-5.866c.321-1.915.869-5.216.961-5.77V15h-.01a3.65 3.65 0 0 1-2.69-1.04A5.4 5.4 0 0 1 2 9.985C2 8.837 3.051 8 4.5 8q.176.001.37.011q.316.034.63-.022L6.265 6.8a4.5 4.5 0 0 1 3.768-1.786c-.009-.734-.023-1.392-.023-1.392a1.6 1.6 0 0 1 .823-1.412a1.57 1.57 0 0 1 1.591.044A5.65 5.65 0 0 1 15.01 6.98v4.1q.244.134.493.268l.628.342c.774.417 1.585.855 2.39 1.33h.119c2 0 3.81-1.27 4.49-3.15M6.861 29l1.655-4.135l.49-2.947a.5.5 0 1 1 .987.164l-.509 3.053L7.938 29h2.426L12 24.5V23l2.5 1a3.37 3.37 0 0 0-1.5 2.803V28a2 2 0 0 0-1.732 1h8.602a3.143 3.143 0 0 0 3.14-3.14C23.01 24.57 23 22 23 22h-8a1 1 0 0 1-.979-.794a1 1 0 0 1-.011-.146v-.75a.3.3 0 0 0-.01-.081a.25.25 0 0 0-.25-.229H13a1 1 0 0 1-.979-.794a1 1 0 0 1-.011-.146V18H8a1 1 0 0 1-.014.161s-.653 3.94-1 6a1 1 0 0 1-.091.281L4.618 29zM8 14c.003.548.003 1.298.003 2h4.007v-1.06q0-.075.011-.146A1 1 0 0 1 13 14h.75a.25.25 0 0 0 .25-.229a.3.3 0 0 0 .01-.081v-.884l-.494-.277a1 1 0 0 1-.506-.869V6.98a3.64 3.64 0 0 0-.984-2.48c.007.461.014 1.023.014 1.5a1 1 0 0 1-1 1h-.135c-.947-.012-2.376-.006-2.968.9l-.812 1.23a2.41 2.41 0 0 1-2.17.906a.75.75 0 0 1-.705 1.004h-.202a3.6 3.6 0 0 0 .669 1.511a1.7 1.7 0 0 0 1.273.45H7a1 1 0 0 1 1 1m7-.25c0 .69-.56 1.25-1.25 1.25H13v4h.75c.69 0 1.25.56 1.25 1.25V21h4.01v-5.316c-1.182-.811-2.513-1.53-3.829-2.24L15 13.346zM20.01 21h2.916c-.291-1.907-1.412-3.355-2.916-4.573z"/></g></svg>Service Dog アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:service-dog" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:service-dog" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:service-dog" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--service-dog]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:service-dog"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:service-dog"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/service-dog.svg" alt="Service Dog アイコン" width="24" height="24">他のアイコンセットの Service Dog アイコン
Service Dog アイコン のよくある質問
Service Dog アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Service Dog アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:service-dog" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Service Dog アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/service-dog.svg" alt="Service Dog アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。