Cow アイコン
whh:cow
Cow アイコン(whh:cow)は、WebHostingHub Glyphs セットの無料 SVG アイコンです（作者: WebHostingHub）。 1024 × 1024 のグリッドで描かれています。 WebHostingHub Glyphs icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- WebHostingHub Glyphs
- 作者
- WebHostingHub
- ライセンス
- OFL-1.1
- サイズ
- 1024 × 1024
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M822 508q-17 101-43 152q-3 13-23 53.5T720 802t-16 94q0 67-42.5 97.5T512 1024t-149.5-30.5T320 896q0-46-16-94t-36-88.5t-23-53.5q-26-51-43-152q-12 3-25 3.5t-29.5-.5t-28-2t-31.5-5t-28.5-5.5T28 492t-28-6q22-30 33.5-43.5t32.5-30t46.5-22.5t60.5-6q5 0 20 3q1-30 9-53q-11-37-10-72q0-26 .5-40.5t4-43.5t11.5-50t21.5-46.5t36.5-46T320 0q-37 73-37 131q0 50 17 97q78-36 212-36t212 36q17-47 17-97q0-58-37-131q31 15 54 35.5t36.5 46T816 128t11.5 50t4 43.5t.5 40.5q1 34-10 72q8 23 9 53q15-3 20-3q35 0 60.5 6t46.5 22.5t32.5 30T1024 486q-5 1-28 6t-31.5 6.5T936 504t-31.5 5t-28 2t-29.5.5t-25-3.5M512 320q-79 0-135.5 29.5T320 421q0 33 18.5 71t53.5 56q12 6 18.5 12t17 21.5T443 628t5 76q0 43-10 75t-22 47t-22 36.5t-10 46.5q0 23 43 37t85 14t85-14t43-37q0-25-10-46.5T608 826t-22-47t-10-75q0-45 5.5-76t16-47t17-21.5T632 548q34-18 53-56.5t19-70.5q0-42-56.5-71.5T512 320"/></svg>
Cow アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="whh:cow" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:cow" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:cow" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--cow]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:cow"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:cow"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/whh/cow.svg" alt="Cow アイコン" width="24" height="24">
Cow アイコン のよくある質問
Cow アイコンは商用利用でも無料ですか?
はい。WebHostingHub Glyphs icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。
React で Cow アイコンを使うには?
@iconify/react をインストールして <Icon icon="whh:cow" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cow アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/whh/cow.svg" alt="Cow アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
WebHostingHub Glyphs アイコン をすべて見る →
ICONYZ
