Herb アイコン
streamline-emojis:herb
Herb アイコン(streamline-emojis:herb)は、Streamline Emojis セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Streamline Emojis icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Streamline Emojis
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- 動物・自然
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M14.23 45.5a9.77 1.5 0 1 0 19.54 0a9.77 1.5 0 1 0-19.54 0" opacity=".15"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M15.27 42s1 .09 3.6-9.62C21.67 22 24 19 24.56 18.46"/><path fill="#6dd627" d="M32.26 5.58a18.34 18.34 0 0 0-8 11.89a1.13 1.13 0 0 0 .85 1.3a18.36 18.36 0 0 0 14.1-2.54a18.42 18.42 0 0 0 8-11.9A1.12 1.12 0 0 0 46.36 3a18.35 18.35 0 0 0-14.1 2.58"/><path fill="#9ceb60" d="M24.78 18.63a18.38 18.38 0 0 1 21.58-12.4a1 1 0 0 1 .33.13a20 20 0 0 0 .52-2A1.12 1.12 0 0 0 46.36 3a18.39 18.39 0 0 0-22.1 14.43a1.11 1.11 0 0 0 .52 1.2"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M32.26 5.58a18.34 18.34 0 0 0-8 11.89a1.13 1.13 0 0 0 .85 1.3a18.36 18.36 0 0 0 14.1-2.54a18.42 18.42 0 0 0 8-11.9A1.12 1.12 0 0 0 46.36 3a18.35 18.35 0 0 0-14.1 2.58"/><path fill="#6dd627" d="M30.64 29.45A12.82 12.82 0 0 0 22.26 35a.79.79 0 0 0 .2 1.07a12.88 12.88 0 0 0 18.17-3.34a.79.79 0 0 0-.2-1.07a12.85 12.85 0 0 0-9.79-2.21"/><path fill="#9ceb60" d="m22.46 36l.13.09a12.87 12.87 0 0 1 16.86-1.93a13 13 0 0 0 1.18-1.5a.79.79 0 0 0-.2-1.07A12.88 12.88 0 0 0 22.26 35a.79.79 0 0 0 .2 1"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M30.64 29.45A12.82 12.82 0 0 0 22.26 35a.79.79 0 0 0 .2 1.07a12.88 12.88 0 0 0 18.17-3.34a.79.79 0 0 0-.2-1.07a12.85 12.85 0 0 0-9.79-2.21"/><path fill="#6dd627" d="M12.81 21.24A16.25 16.25 0 0 0 2 14.65a1 1 0 0 0-1.11.8A16.23 16.23 0 0 0 14.5 34.39a1 1 0 0 0 1.1-.79a16.2 16.2 0 0 0-2.79-12.36"/><path fill="#9ceb60" d="M12.81 21.25A16.23 16.23 0 0 0 2 14.65a1 1 0 0 0-1.11.8a16 16 0 0 0-.24 2.16A18 18 0 0 1 11.48 24a18.1 18.1 0 0 1 4 9.82a1 1 0 0 0 .07-.24a16.18 16.18 0 0 0-2.74-12.33"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M12.81 21.24A16.25 16.25 0 0 0 2 14.65a1 1 0 0 0-1.11.8A16.23 16.23 0 0 0 14.5 34.39a1 1 0 0 0 1.1-.79a16.2 16.2 0 0 0-2.79-12.36"/><path fill="#6dd627" d="M29 21.8a9.2 9.2 0 0 0-3.9 6a.56.56 0 0 0 .43.64a9.23 9.23 0 0 0 11-7.43a.57.57 0 0 0-.44-.64A9.23 9.23 0 0 0 29 21.8"/><path fill="#9ceb60" d="M25.56 28.47h.06A9.19 9.19 0 0 1 36 22.8a9 9 0 0 0 .5-1.76a.57.57 0 0 0-.44-.64a9.22 9.22 0 0 0-10.95 7.43a.56.56 0 0 0 .45.64"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M29 21.8a9.2 9.2 0 0 0-3.9 6a.56.56 0 0 0 .43.64a9.23 9.23 0 0 0 11-7.43a.57.57 0 0 0-.44-.64A9.23 9.23 0 0 0 29 21.8"/><path fill="#6dd627" d="M16.75 9.72A13.6 13.6 0 0 0 6.67 6.44a.84.84 0 0 0-.75.87A13.61 13.61 0 0 0 20.66 20.1a.83.83 0 0 0 .75-.86a13.57 13.57 0 0 0-4.66-9.52"/><path fill="#9ceb60" d="M6.19 9.32a.74.74 0 0 1 .48-.22a13.6 13.6 0 0 1 14.48 10.78a.8.8 0 0 0 .26-.64A13.59 13.59 0 0 0 6.67 6.44a.84.84 0 0 0-.75.87a14 14 0 0 0 .27 2.01"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M16.75 9.72A13.6 13.6 0 0 0 6.67 6.44a.84.84 0 0 0-.75.87A13.61 13.61 0 0 0 20.66 20.1a.83.83 0 0 0 .75-.86a13.57 13.57 0 0 0-4.66-9.52m-.66 31.15a11.68 11.68 0 0 1 6-5.44m-3.34-2.54c.74-2.77 4.8-2.87 6.34-4.85m-3.7-3.5s1-2.75-.52-4.46m-3.43 17.23l-.3-.32A14 14 0 0 1 15 33.88m9.54-15.44l.09-.14a23.6 23.6 0 0 1 10.64-8.64"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m20.88 20.05l-.14-.29s-1.5-3-7.16-7.69M25.2 28.2l.49-.5a22.2 22.2 0 0 1 5-3.69M22.1 35.43s3.42-2.43 10.12-2.06M15 33.88s-1.57-5.3-7.16-11"/></svg>Herb アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-emojis:herb" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-emojis:herb" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-emojis:herb" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--herb]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:herb"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-emojis:herb"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-emojis/herb.svg" alt="Herb アイコン" width="24" height="24">他のアイコンセットの Herb アイコン
Herb アイコン のよくある質問
Herb アイコンは商用利用でも無料ですか?
はい。Streamline Emojis icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Herb アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-emojis:herb" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Herb アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-emojis/herb.svg" alt="Herb アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。