Vegetables アイコン

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

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

healthicons:vegetables

Vegetables アイコン(healthicons:vegetables)は、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
カテゴリ: 栄養
タグ: vegetable

SVG をダウンロード

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="M22.965 9.163c-1.16-1.104-2.826-1.653-4.998-1.12a5.14 5.14 0 0 0-2.077-1.666c-1.336-.574-3.013-.562-4.904.525c-1.978.923-2.931 2.28-3.194 3.704c-.178.968-.023 1.886.232 2.61c-1.678 1.468-2.183 3.144-1.942 4.723c.209 1.366.955 2.533 1.687 3.325a4.1 4.1 0 0 0-.038 1.678c.31-.22.457-.322.794-.459c.55-.224 1-.25 1.5-.25c1.575 0 2.486.183 3.988.6a10 10 0 0 1 2.431 1.008l.284-.122a2 2 0 0 1 1.135-.136l3.513.607a14 14 0 0 1-.233-2.197a9.48 9.48 0 0 1 5.022-8.572a4.1 4.1 0 0 0-1.438-.972c-.23-1.053-.761-2.333-1.762-3.286m-9.826 1.117a1 1 0 0 1 1.34.453l.791 1.6l1.613-1.727a1 1 0 0 1 1.462 1.363l-2.127 2.278l.803 1.621l1.331-1.21a1 1 0 0 1 1.346 1.478l-1.755 1.595l1.056 2.134a1 1 0 0 1-1.793.886l-1.095-2.213l-1.964.397a1 1 0 0 1-.397-1.958l1.444-.292l-.796-1.607l-3.039.457a1 1 0 1 1-.298-1.976l2.406-.362l-.781-1.579a1 1 0 0 1 .453-1.338"/><path d="m24.136 24.695l-.508-.099a8 8 0 0 1-.394-1.523l-.015-.06c-.102-.417-.17-.784-.176-1.06a7.6 7.6 0 0 1 2.423-5.72q.092-.087.187-.151c2.015-1.8 4.833-2.113 7.015-.327c-.025-2.452.97-4.848 3.38-6.238l.845 1.462c-2.041 1.177-2.8 3.38-2.462 5.735c4.655-1.53 8.278 2.873 6.918 7.942a7.85 7.85 0 0 1-2.547 3.977l-.61-.213c-1.807-.627-4.082-1.386-5.9-1.887c-1.768-.488-4.043-.993-5.863-1.373a196 196 0 0 0-2.293-.465m13.418-4.709a1 1 0 0 1 1.172.79a5.06 5.06 0 0 1-1.803 4.95a.998.998 0 1 1-1.26-1.552a3.07 3.07 0 0 0 1.1-3.017a1 1 0 0 1 .79-1.17M10.236 41.998c3-.167 4.856-1.02 6-2.269c.455.61 1.218.964 2.044.834a119 119 0 0 0 3.098-.531v-4.685h2.23v4.254c2.82-.57 6.25-1.353 10.031-2.406v-2.961h2.23v2.32c1.523-.453 3.092-.948 4.691-1.488a2.034 2.034 0 0 0 0-3.891a137 137 0 0 0-11.38-3.293v6.352h-2.229v-6.877c-3.69-.838-6.71-1.37-8.671-1.68a2.12 2.12 0 0 0-2.044.835c-1.144-1.25-3-2.103-6-2.27a1.063 1.063 0 0 0-1.113 1.085c.026 1.813.137 3.253.515 4.376c-1.225.464-2.38 1.4-3.436 2.809c-.27.36-.27.857 0 1.217c1.047 1.397 2.193 2.33 3.406 2.797c-.322 1.09-.45 2.52-.483 4.384a1.063 1.063 0 0 0 1.11 1.088m2.199-10.972l-2.007.76c-.556.21-1.18.621-1.84 1.334c.653.706 1.271 1.116 1.822 1.328l1.918.739l-.582 1.969c-.171.58-.286 1.374-.347 2.488c2.15-.33 3.058-1.127 3.527-1.852c.675-1.043.878-2.565.878-4.672s-.203-3.628-.878-4.671c-.47-.726-1.38-1.523-3.533-1.854c.057 1.08.17 1.838.358 2.399z"/></g></svg>

Vegetables アイコンの使い方

React

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

<Icon icon="healthicons:vegetables" width="24" />

Vue

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

<template>
  <Icon icon="healthicons:vegetables" width="24" />
</template>

Svelte

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

<Icon icon="healthicons:vegetables" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="healthicons:vegetables"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/healthicons/vegetables.svg" alt="Vegetables アイコン" width="24" height="24">

Health Icons の関連アイコン

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

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

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

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

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

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

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

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

Health Icons をすべて見る →