Nutritionix アイコン
fa7-brands:nutritionix
Nutritionix アイコン(fa7-brands:nutritionix)は、Font Awesome Brands セットの無料 SVG アイコンです（作者: Dave Gandy）。 640 × 640 のグリッドで描かれています。 Font Awesome Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Font Awesome Brands
- 作者
- Dave Gandy
- ライセンス
- CC-BY-4.0
- サイズ
- 640 × 640
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="M208 72.1s133.4-8.2 121 104.4c0 0 19.1-74.9 103-40.6c0 0-17.7 74-88 56c0 0 14.6-54.6 66.1-56.6c0 0-39.9-10.3-82.1 48.8c0 0-19.8-94.5-93.6-99.7c0 0 75.2 19.4 77.6 107.5c0 .1-106.4 7-104-119.8m312 315.6c0 48.5-9.7 95.3-32 132.3c-42.2 30.9-105 48-168 48c-62.9 0-125.8-17.1-168-48c-22.3-37-32-83.8-32-132.3c0-48.4 17.7-94.7 40-131.7c42.2-30.9 97.1-48.6 160-48.6c63 0 117.8 17.6 160 48.6c22.3 37 40 83.3 40 131.7M240 492c0-15.5-12.5-28-28-28s-28 12.5-28 28s12.5 28 28 28s28-12.5 28-28m0-66.2c0-15.5-12.5-28-28-28s-28 12.5-28 28s12.5 28 28 28s28-12.5 28-28m0-66.2c0-15.5-12.5-28-28-28s-28 12.5-28 28s12.5 28 28 28s28-12.5 28-28M312 492c0-15.5-12.5-28-28-28s-28 12.5-28 28s12.5 28 28 28s28-12.5 28-28m0-66.2c0-15.5-12.5-28-28-28s-28 12.5-28 28s12.5 28 28 28s28-12.5 28-28m0-66.2c0-15.5-12.5-28-28-28s-28 12.5-28 28s12.5 28 28 28s28-12.5 28-28M384 492c0-15.5-12.5-28-28-28s-28 12.5-28 28s12.5 28 28 28s28-12.5 28-28m0-66.2c0-15.5-12.5-28-28-28s-28 12.5-28 28s12.5 28 28 28s28-12.5 28-28m0-66.2c0-15.5-12.5-28-28-28s-28 12.5-28 28s12.5 28 28 28s28-12.5 28-28M456 492c0-15.5-12.5-28-28-28s-28 12.5-28 28s12.5 28 28 28s28-12.5 28-28m0-66.2c0-15.5-12.5-28-28-28s-28 12.5-28 28s12.5 28 28 28s28-12.5 28-28m0-66.2c0-15.5-12.5-28-28-28s-28 12.5-28 28s12.5 28 28 28s28-12.5 28-28m24-39.6c-4.8-22.3-7.4-36.9-16-56c-38.8-19.9-90.5-32-144-32s-105.2 12.1-144 32c-8.8 19.5-11.2 33.9-16 56c42.2-7.9 98.7-14.8 160-14.8s117.8 6.9 160 14.8"/></svg>Nutritionix アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fa7-brands:nutritionix" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa7-brands:nutritionix" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa7-brands:nutritionix" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-brands--nutritionix]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa7-brands -->
<div class="i-fa7-brands:nutritionix"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa7-brands:nutritionix"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fa7-brands/nutritionix.svg" alt="Nutritionix アイコン" width="24" height="24">他のアイコンセットの Nutritionix アイコン
Nutritionix アイコン のよくある質問
Nutritionix アイコンは商用利用でも無料ですか?
はい。Font Awesome Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Nutritionix アイコンを使うには?
@iconify/react をインストールして <Icon icon="fa7-brands:nutritionix" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Nutritionix アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa7-brands/nutritionix.svg" alt="Nutritionix アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。