Dog アイコン
whh:dog
Dog アイコン(whh:dog)は、WebHostingHub Glyphs セットの無料 SVG アイコンです（作者: WebHostingHub）。 1022 × 1024 のグリッドで描かれています。 WebHostingHub Glyphs icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- WebHostingHub Glyphs
- 作者
- WebHostingHub
- ライセンス
- OFL-1.1
- サイズ
- 1022 × 1024
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="1022" height="1024" viewBox="0 0 1022 1024"><path fill="currentColor" d="M896.423 1024q-29 0-56.5-12t-40.5-23t-31-29q-64 64-192 64h-480q-13 0-22.5-9.5t-9.5-22.5t9.5-22.5t22.5-9.5q12 0 28.5-22.5t31.5-57t25.5-82.5t10.5-94q0-26-6.5-44t-16-31t-19-28.5t-16-46t-6.5-74.5q0-26 6.5-42.5t16-25t19-17.5t16-27.5t6.5-47.5q0-64-64-64q-45 0-86.5-34.5T.423 160q0-23 21.5-43.5t42.5-20.5q17 0 31.5-10t27.5-24t28.5-28t42-24t62.5-10q47 0 76.5 11t44 28.5t23.5 49t12.5 62.5t12.5 79t23 90q19 57 89.5 145.5t102.5 110.5q128 85 128 256q0 49 57 88.5t135 39.5q26 0 61-10q-9 35-44 54.5t-81 19.5m-576-320q-3 16-8 41.5t-21.5 77.5t-34.5 73h128q0-43-10-74.5t-22-45.5t-22-32.5t-10-39.5"/></svg>
Dog アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="whh:dog" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:dog" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:dog" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--dog]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:dog"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:dog"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/whh/dog.svg" alt="Dog アイコン" width="24" height="24">
WebHostingHub Glyphs の関連アイコン
Dog アイコン のよくある質問
Dog アイコンは商用利用でも無料ですか?
はい。WebHostingHub Glyphs icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。
React で Dog アイコンを使うには?
@iconify/react をインストールして <Icon icon="whh:dog" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Dog アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/whh/dog.svg" alt="Dog アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
WebHostingHub Glyphs アイコン をすべて見る →
ICONYZ
