Rabbit アイコン

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

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

griddy-icons:rabbit

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="m9.97 16.28l1.06-1.06l.97.97l.97-.97l1.06 1.06l-1.28 1.28V19h-1.5v-1.44zM15 11.5a1 1 0 0 1 1 1v.5a1 1 0 1 1-2 0v-.5a1 1 0 0 1 1-1m-5 1a1 1 0 1 0-2 0v.5a1 1 0 1 0 2 0z"/><path fill-rule="evenodd" d="M1 3.75a1.85 1.85 0 0 1 2.454-1.758a9.27 9.27 0 0 1 5.158 4.314A7.5 7.5 0 0 1 12 5.5c1.22 0 2.37.29 3.388.806a9.27 9.27 0 0 1 5.158-4.313A1.85 1.85 0 0 1 23 3.75a9.2 9.2 0 0 1-3.727 7.41a7.5 7.5 0 0 1 .226 1.922A5.23 5.23 0 0 1 21 16.75c0 2.9-2.35 5.25-5.25 5.25h-7.5A5.25 5.25 0 0 1 3 16.75c0-1.43.576-2.723 1.501-3.668L4.5 13c0-.635.079-1.252.227-1.841A9.22 9.22 0 0 1 1 3.75m17.728 5.93A7.7 7.7 0 0 0 21.5 3.75a.35.35 0 0 0-.475-.336a7.77 7.77 0 0 0-4.37 3.704a7.5 7.5 0 0 1 2.073 2.562M2.976 3.413a7.77 7.77 0 0 1 4.37 3.704A7.5 7.5 0 0 0 5.273 9.68A7.71 7.71 0 0 1 2.5 3.75c0-.249.23-.42.476-.337M12 7c-3.316 0-6 2.684-6 6c0 .096.007.19.018.328l.028.37l-.278.248A3.74 3.74 0 0 0 4.5 16.75a3.75 3.75 0 0 0 3.75 3.75h7.5a3.75 3.75 0 0 0 3.75-3.75c0-1.114-.49-2.114-1.268-2.804l-.265-.235l.014-.355c.002-.066.007-.132.01-.184l.003-.03c.004-.062.006-.104.006-.142c0-3.316-2.684-6-6-6" clip-rule="evenodd"/></g></svg>

Rabbit アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="griddy-icons:rabbit"></iconify-icon>

HTML 画像

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

Griddy Icons の関連アイコン

他のアイコンセットの Rabbit アイコン

Rabbit アイコンのよくある質問

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

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

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

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

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

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

Griddy Icons をすべて見る →