I Nutrition アイコン

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

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

medical-icon:i-nutrition

I Nutrition アイコン(medical-icon:i-nutrition)は、Medical Icons セットの無料 SVG アイコンです（作者: Samuel Frémondière）。 64 × 64 のグリッドで描かれています。 Medical Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Medical Icons
作者: Samuel Frémondière
ライセンス: MIT
サイズ: 64 × 64
タグ: inutrition

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M7.684 41.188c.146-4.908-2.524-6.756-5.78-7.977c-1.082 4.199 1.904 7.693 5.78 7.977m.737-21.915c2.076-4.445.356-7.211-2.16-9.618c-2.641 3.432-1.283 7.82 2.16 9.618m1.171 12.374c-.143-4.905 2.524-6.761 5.782-7.977c1.078 4.197-1.906 7.69-5.782 7.977m0 7.565c-.143-4.905 2.524-6.756 5.782-7.975c1.078 4.196-1.906 7.69-5.782 7.975m0-15.127c-.143-4.907 2.524-6.763 5.782-7.982c1.078 4.201-1.906 7.693-5.782 7.982m-1.908 9.539c.146-4.905-2.524-6.761-5.78-7.977c-1.082 4.197 1.904 7.691 5.78 7.977m0-7.562c.146-4.908-2.524-6.763-5.78-7.984c-1.082 4.203 1.904 7.692 5.78 7.984m36.769 37.007H18.142l13.157-22.796zM23.369 60.05h15.858l-7.929-13.735zM3.843 47.54l55.741-15.164l-.828-3.063L3.011 44.479zM43.176.634s.408 8.041 7.456 7.359c0 0 .795-6.718-7.456-7.359m7.379 26.153a4.08 4.08 0 0 1-3.339 1.716c-1.123 0-2.223-.528-2.965-1.268c-1.518-1.656-3.486-5.358-3.486-5.358c-1.103-2.239-1.694-3.971-1.694-5.722c0-3.73 3.019-6.965 6.759-6.965a6.74 6.74 0 0 1 4.726 1.93a6.73 6.73 0 0 1 4.724-1.93c3.739 0 6.758 3.235 6.758 6.965c0 1.751-.592 3.483-1.694 5.722c0 0-1.968 3.701-3.486 5.358c-.742.74-1.842 1.268-2.966 1.268a4.08 4.08 0 0 1-3.338-1.716z"/></svg>

I Nutrition アイコンの使い方

React

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

<Icon icon="medical-icon:i-nutrition" width="24" />

Vue

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

<template>
  <Icon icon="medical-icon:i-nutrition" width="24" />
</template>

Svelte

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

<Icon icon="medical-icon:i-nutrition" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[medical-icon--i-nutrition]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/medical-icon -->
<div class="i-medical-icon:i-nutrition"></div>

Web コンポーネント

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

<iconify-icon icon="medical-icon:i-nutrition"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/medical-icon/i-nutrition.svg" alt="I Nutrition アイコン" width="24" height="24">

Medical Icons の関連アイコン

I Nutrition アイコンのよくある質問

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

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

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

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

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

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

Medical Icons をすべて見る →