Sheep Filled アイコン

Q: Sheep Filled アイコンは商用利用でも無料ですか?

はい。Griddy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

griddy-icons:sheep-filled

Sheep Filled アイコン(griddy-icons:sheep-filled)は、Griddy Icons セットの無料 SVG アイコンです（作者: Zuzana Benova）。 24 × 24 のグリッドで描かれています。 Griddy Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Griddy Icons
作者: Zuzana Benova
ライセンス: MIT
サイズ: 24 × 24
タグ: sheepfilled

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m22.63 16.08l-1.545-4.38c.57-.66.915-1.51.915-2.445c0-1.42-.805-2.705-2.045-3.335A3.97 3.97 0 0 0 16 2.505c-.475 0-.94.085-1.38.245a5.05 5.05 0 0 0-5.245 0a3.9 3.9 0 0 0-1.38-.245A3.97 3.97 0 0 0 4.04 5.92a3.76 3.76 0 0 0-2.045 3.335c0 .935.345 1.79.915 2.445l-1.545 4.38c-.155.445-.055.935.27 1.275c.24.255.565.39.905.39q.181.001.355-.05l3.015-.885l.37 1.55A4.735 4.735 0 0 0 10.9 22h.345v-1.94l-1.28-1.28l1.06-1.06l.97.97l.97-.97l1.06 1.06l-1.28 1.28V22h.345a4.74 4.74 0 0 0 4.62-3.64l.37-1.55l3.015.885a1.24 1.24 0 0 0 1.26-.34c.325-.34.43-.83.27-1.275zm-19.685.04l1.225-3.47c.255.12.525.215.81.275l.585 2.43l-2.615.77zM9 15.005c-.55 0-1-.45-1-1s.45-1 1-1s1 .45 1 1s-.45 1-1 1m6 0c-.55 0-1-.45-1-1s.45-1 1-1s1 .45 1 1s-.45 1-1 1m1.36-4.55l-.38-.6l-.62.345c-.93.52-2.125.805-3.365.805S9.56 10.72 8.63 10.2l-.62-.345l-.38.6a2.23 2.23 0 0 1-1.89 1.05c-1.24 0-2.25-1.01-2.25-2.25c0-.95.605-1.805 1.505-2.12l.49-.17l.01-.52a2.48 2.48 0 0 1 2.495-2.44c.39 0 .77.09 1.12.27l.415.21l.37-.28a3.53 3.53 0 0 1 4.185 0l.37.28l.415-.21q.534-.27 1.12-.27c1.37 0 2.465 1.07 2.495 2.44l.01.52l.49.17c.9.315 1.505 1.17 1.505 2.12c0 1.24-1.01 2.25-2.25 2.25c-.765 0-1.47-.395-1.89-1.05zm2.075 4.9l.585-2.43c.285-.06.555-.155.81-.275l1.225 3.47l-2.615-.77z"/></svg>

Sheep Filled アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="griddy-icons:sheep-filled" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="griddy-icons:sheep-filled" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="griddy-icons:sheep-filled" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[griddy-icons--sheep-filled]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/griddy-icons -->
<div class="i-griddy-icons:sheep-filled"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="griddy-icons:sheep-filled"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/griddy-icons/sheep-filled.svg" alt="Sheep Filled アイコン" width="24" height="24">

Griddy Icons の関連アイコン

Sheep Filled アイコンのよくある質問

Sheep Filled アイコンは商用利用でも無料ですか?

はい。Griddy Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Sheep Filled アイコンを使うには?

@iconify/react をインストールして <Icon icon="griddy-icons:sheep-filled" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Sheep Filled アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/griddy-icons/sheep-filled.svg" alt="Sheep Filled アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Griddy Icons をすべて見る →