Rhino アイコン
griddy-icons:rhino
Rhino アイコン(griddy-icons:rhino)は、Griddy Icons セットの無料 SVG アイコンです（作者: Zuzana Benova）。 24 × 24 のグリッドで描かれています。 Griddy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Griddy Icons
- 作者
- Zuzana Benova
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M17.5 11.5a1 1 0 1 1-2 0a1 1 0 0 1 2 0m-10 1a1 1 0 1 0 0-2a1 1 0 0 0 0 2m8.22 3.72l-1.5 1.5l1.06 1.06l1.5-1.5zm-7.44 0l1.5 1.5l-1.06 1.06l-1.5-1.5z"/><path fill-rule="evenodd" d="M13.158 6.757c-.386-1.107-1.93-1.107-2.316 0c-.33.948-.787 2.313-1.16 3.647C9.316 11.71 9 13.081 9 14c0 1.66 1.34 3 3 3s3-1.34 3-3c0-.919-.316-2.29-.681-3.596a65 65 0 0 0-1.16-3.647Zm-2.032 4.052A58 58 0 0 1 12 8.003c.28.833.6 1.83.874 2.806c.37 1.32.626 2.506.626 3.191c0 .83-.67 1.5-1.5 1.5s-1.5-.67-1.5-1.5c0-.685.256-1.87.626-3.191" clip-rule="evenodd"/><path fill-rule="evenodd" d="m4.013 8.4l-1.27 2.963a4.75 4.75 0 0 0 .014 3.774l1.757 4.017A4.75 4.75 0 0 0 8.866 22h6.268a4.75 4.75 0 0 0 4.352-2.846l1.757-4.017a4.75 4.75 0 0 0 .014-3.774l-1.273-2.97A2.75 2.75 0 0 0 21.97 5.75V4h-3.984a4.75 4.75 0 0 0-3.874-2H9.888a4.75 4.75 0 0 0-3.874 2H2v1.75c0 1.263.852 2.328 2.013 2.65M6.9 5.47A3.25 3.25 0 0 1 9.888 3.5h4.224c1.3 0 2.475.775 2.988 1.97l2.778 6.483a3.25 3.25 0 0 1-.01 2.583l-1.757 4.017a3.25 3.25 0 0 1-2.977 1.947H8.866a3.25 3.25 0 0 1-2.977-1.947L4.13 14.536a3.25 3.25 0 0 1-.01-2.583zm-1.645.03H3.5v.25a1.25 1.25 0 0 0 1.116 1.243zm15.215.25a1.25 1.25 0 0 1-1.087 1.24l-.639-1.49h1.726z" clip-rule="evenodd"/></g></svg>Rhino アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="griddy-icons:rhino" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="griddy-icons:rhino" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="griddy-icons:rhino" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[griddy-icons--rhino]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/griddy-icons -->
<div class="i-griddy-icons:rhino"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="griddy-icons:rhino"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/griddy-icons/rhino.svg" alt="Rhino アイコン" width="24" height="24">Griddy Icons の関連アイコン
他のアイコンセットの Rhino アイコン
Rhino アイコン のよくある質問
Rhino アイコンは商用利用でも無料ですか?
はい。Griddy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Rhino アイコンを使うには?
@iconify/react をインストールして <Icon icon="griddy-icons:rhino" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Rhino アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/griddy-icons/rhino.svg" alt="Rhino アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。