ICONYZ
日本語
theSVG の Honey アイコン

Honey アイコン

thesvg:honey

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

アイコンセット
theSVG
作者
thesvg.org
ライセンス
MIT
サイズ
24 × 24
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.416 5.59c.04-.994.254-2.312.909-3.091c.922-1.09 2.794-.914 3.102.658c.146.767-.054 1.708-.402 2.367c-.734 1.439-2.1 2.622-3.636 3.026c.013-.901 0-2.071.027-2.96m12.54 13.904c-.775.901-1.764 1.6-2.714 1.56c-1.07-.04-.963-1.372-.963-2.124v-3.16c.014-.605.014-1.21-.053-1.802c-.174-1.761-1.204-3.173-3.142-3.307c-3.37-.135-4.706 3.132-5.695 5.821v-5.89c2.94-.456 7.02-2.11 7.14-5.875c.2-6.4-10.563-6.629-10.523 1.426c.014.618.014 1.802.014 2.42c-1.445-.215-2.608-2.34-3.143-3.604a.35.35 0 0 0-.427-.215C.43 5.27.137 7.407 1.5 8.86c1.124 1.197 2.915 1.654 4.493 1.735c-.013 4.664-.013 7.542-.013 12.194c.067.66.962.835 1.484.848c.588.013 1.684-.16 1.738-.928c.187-2.286 2.125-9.036 4.76-9.036c.613 0 .908.403.908.995v5.5c0 2.286 1.284 3.818 3.623 3.832c2.073 0 3.891-1.72 4.8-3.698c.281-.632-.922-1.278-1.337-.807z"/></svg>

Honey アイコンの使い方

React

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

<Icon icon="thesvg:honey" width="24" />

Vue

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

<template>
  <Icon icon="thesvg:honey" width="24" />
</template>

Svelte

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

<Icon icon="thesvg:honey" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--honey]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="thesvg:honey"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg/honey.svg" alt="Honey アイコン" width="24" height="24">

theSVG の関連アイコン

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

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

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

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

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

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

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

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

theSVG アイコン をすべて見る →