Fruits アイコン
healthicons:fruits
Fruits アイコン(healthicons:fruits)は、Health Icons セットの無料 SVG アイコンです（作者: Resolve to Save Lives）。 48 × 48 のグリッドで描かれています。 Health Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Health Icons
- 作者
- Resolve to Save Lives
- ライセンス
- MIT
- サイズ
- 48 × 48
- カテゴリ
- 栄養
- タグ
- fruit
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M9.614 16.63c1.556-1.608 3.112-2.144 5.186-1.072c1.868.965 2.895 1.061 3.838 1.071c.983-.01 2.052-.106 3.998-1.071c2.16-1.072 3.78-.536 5.401 1.072c1.91 1.896 2.5 3.87 2.701 5.361q.035.18.063.36a3.501 3.501 0 0 0-.912 6.306l-.079.203a3.5 3.5 0 1 0-3.52 6.02q-.142.176-.277.331c-.835.869-1.785 1.426-2.815 1.256c-3.24-.537-3.78-.537-4.32-.537h-.47c-.518 0-1.037 0-4.148.537c-2.49.428-4.49-3.753-5.482-5.896c-1.56-3.363-1.871-6.8-1.757-8.58c.193-1.492.76-3.465 2.593-5.36"/><path d="M37.845 18.09a4.5 4.5 0 0 1 2.716 5.755q-.049.133-.127.243a4.5 4.5 0 0 1 .88 5.801a4.5 4.5 0 0 1-1.055 1.166q.021.22.021.445a4.5 4.5 0 0 1-.54 2.14a4.5 4.5 0 1 1-5.108 7.341a4.5 4.5 0 0 1-7.093-4.988a4.5 4.5 0 0 1 0-8.987a4.5 4.5 0 0 1 4.501-5.999q.014-.101.05-.202a4.5 4.5 0 0 1 5.755-2.715m-1.983 21.307a2.5 2.5 0 1 0 2.578-4.153a1 1 0 0 1-.1-.042c-.665.46-1.46.746-2.318.792c.167.47.258.978.258 1.506c0 .678-.15 1.32-.418 1.897m.16-12.39a4.5 4.5 0 0 1 3.49 1.977a2.5 2.5 0 0 0 .457-1.091a2.5 2.5 0 0 0-3.692-2.573a4.5 4.5 0 0 1-.255 1.686m-.283-3.648a4.5 4.5 0 0 1 2.943-.2a2.5 2.5 0 0 0-4.71-1.678l-.029.072a4.5 4.5 0 0 1 1.796 1.806M31.78 23a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5m-4 6a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5m5.5 2.5a2.5 2.5 0 1 1 5 0a2.5 2.5 0 0 1-5 0m-1.5 3.5a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5M7.565 8.001h1.133c2.84 0 5.514 1.277 7.466 2.972a12 12 0 0 1 1.716 1.832v-2.239a1 1 0 1 1 2 0v6.6a1 1 0 0 1-.38.785V18h-.068a.995.995 0 0 1-1.106-.002c-2.44-.044-4.892-.993-6.822-2.516c-1.976-1.56-3.476-3.78-3.798-6.358zm9.746 7.91c-.354-1.091-1.196-2.332-2.458-3.428c-1.36-1.18-3.08-2.079-4.884-2.376c.483 1.462 1.473 2.779 2.774 3.806c1.333 1.051 2.947 1.76 4.568 1.999"/><path d="m37.968 9.144l.182 1.118c.455 2.803-.377 5.648-1.738 7.846c-1.338 2.162-3.334 3.92-5.415 4.258l-.987.16l-.16-.986c-.4-2.465.142-5.11 1.364-7.31s3.175-4.036 5.667-4.767zm-1.694 2.71c-1.365.712-2.507 1.9-3.312 3.348c-.824 1.484-1.266 3.19-1.241 4.83c1.02-.525 2.11-1.555 2.99-2.977c.948-1.53 1.559-3.373 1.564-5.2"/></g></svg>Fruits アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="healthicons:fruits" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="healthicons:fruits" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="healthicons:fruits" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--fruits]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:fruits"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="healthicons:fruits"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/healthicons/fruits.svg" alt="Fruits アイコン" width="24" height="24">Health Icons の関連アイコン
Fruits アイコン のよくある質問
Fruits アイコンは商用利用でも無料ですか?
はい。Health Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Fruits アイコンを使うには?
@iconify/react をインストールして <Icon icon="healthicons:fruits" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Fruits アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/healthicons/fruits.svg" alt="Fruits アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。