Иконка Nutritionix
fa7-brands:nutritionix
Иконка Nutritionix (fa7-brands:nutritionix) — бесплатная SVG-иконка из набора Font Awesome Brands от 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>Веб-компонент
<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, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Nutritionix в React?
Установите @iconify/react и выведите <Icon icon="fa7-brands:nutritionix" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Nutritionix на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fa7-brands/nutritionix.svg" alt="Иконка Nutritionix">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.