Иконка Roasted Sweet Potato

fluent-emoji:roasted-sweet-potato

Иконка Roasted Sweet Potato (fluent-emoji:roasted-sweet-potato) — бесплатная SVG-иконка из набора Fluent Emoji от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Fluent Emoji
Автор: Microsoft Corporation
Лицензия: MIT
Размер: 32 × 32
Теги: roastedsweet, sweetpotato, roastedsweetpotato

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#iU2i7ib)" d="M29.9 25.23L28 18.79a26.88 26.88 0 0 0-11.54-15.2L3.64 16.41c3.49 5.57 8.9 9.68 15.2 11.54l6.44 1.9c1.31.39 2.72.03 3.68-.94c.97-.96 1.33-2.37.94-3.68"/><path fill="url(#ir6o0Je)" d="M29.9 25.23L28 18.79a26.88 26.88 0 0 0-11.54-15.2L3.64 16.41c3.49 5.57 8.9 9.68 15.2 11.54l6.44 1.9c1.31.39 2.72.03 3.68-.94c.97-.96 1.33-2.37.94-3.68"/><path fill="url(#ixL1stL)" d="M11.27 20.54a9.27 9.27 0 1 0 0-18.54a9.27 9.27 0 0 0 0 18.54"/><g filter="url(#iefrxMW)"><path fill="#FF8741" d="M11.223 20.165a8.942 8.942 0 1 0 0-17.884a8.942 8.942 0 0 0 0 17.884"/></g><path fill="url(#iJ2x3pe)" d="M13.602 25.773a12 12 0 0 0 3.81-1.138c1.689-.821 2.936-1.937 3.536-3.015a.417.417 0 0 0-.165-.568a.42.42 0 0 0-.57.163c-.492.886-1.585 1.9-3.17 2.67c-1.353.658-2.869 1.04-4.803 1.102c.434.242.865.547 1.362.786"/><path fill="url(#iKQ1TZb)" d="M23.014 9.354c.326.394.581.696.847 1.107c.002.408.035 1.061 0 1.497c-.11 1.395-.312 2.71-1.094 3.858a.42.42 0 0 1-.583.112a.416.416 0 0 1-.112-.58c.663-.973.846-2.119.953-3.456c.07-.876.047-1.847-.01-2.538"/><path fill="url(#iUpzXLV)" d="M28.258 19.734c-.09.918-.444 1.848-.843 2.632c-.477.939-1.051 1.687-1.422 2.079a.416.416 0 0 0 .017.59c.169.158.435.15.594-.018c.426-.45 1.046-1.263 1.56-2.274c.216-.426.427-.883.586-1.376c-.146-.488-.296-1.065-.492-1.633"/><defs><linearGradient id="iU2i7ib" x1="25.5" x2="14.313" y1="12.813" y2="26.25" gradientUnits="userSpaceOnUse"><stop stop-color="#FF8C68"/><stop offset=".312" stop-color="#FF715B"/><stop offset=".638" stop-color="#FC5465"/><stop offset="1" stop-color="#C94367"/></linearGradient><linearGradient id="ixL1stL" x1="2.438" x2="20.125" y1="8.563" y2="13" gradientUnits="userSpaceOnUse"><stop stop-color="#EC7934"/><stop offset="1" stop-color="#FF995D"/></linearGradient><linearGradient id="iJ2x3pe" x1="13.313" x2="20.25" y1="25.773" y2="21" gradientUnits="userSpaceOnUse"><stop stop-color="#A14070"/><stop offset="1" stop-color="#C6275C"/></linearGradient><linearGradient id="iKQ1TZb" x1="23.877" x2="22.5" y1="9.813" y2="15.625" gradientUnits="userSpaceOnUse"><stop stop-color="#C25C73"/><stop offset="1" stop-color="#BC3F62"/></linearGradient><linearGradient id="iUpzXLV" x1="25.5" x2="28.75" y1="24.25" y2="20.438" gradientUnits="userSpaceOnUse"><stop stop-color="#C5365F"/><stop offset="1" stop-color="#D45871"/></linearGradient><radialGradient id="ir6o0Je" cx="0" cy="0" r="1" gradientTransform="rotate(110.624 1.221 22.476)scale(6.2105 22.7895)" gradientUnits="userSpaceOnUse"><stop stop-color="#C14B8F"/><stop offset="1" stop-color="#C14389" stop-opacity="0"/></radialGradient><filter id="iefrxMW" width="18.384" height="18.384" x="2.031" y="2.031" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_28802" stdDeviation=".125"/></filter></defs></g></svg>

Как использовать иконку Roasted Sweet Potato

React

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

<Icon icon="fluent-emoji:roasted-sweet-potato" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji:roasted-sweet-potato" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji:roasted-sweet-potato" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--roasted-sweet-potato]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:roasted-sweet-potato"></div>

Веб-компонент

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

<iconify-icon icon="fluent-emoji:roasted-sweet-potato"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/fluent-emoji/roasted-sweet-potato.svg" alt="Иконка Roasted Sweet Potato" width="24" height="24">

Иконка Roasted Sweet Potato в других наборах

Вопросы и ответы: Иконка Roasted Sweet Potato

Можно ли бесплатно использовать иконку Roasted Sweet Potato в коммерческих проектах?

Да. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Roasted Sweet Potato в React?

Установите @iconify/react и выведите <Icon icon="fluent-emoji:roasted-sweet-potato" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Roasted Sweet Potato на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji/roasted-sweet-potato.svg" alt="Иконка Roasted Sweet Potato">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Fluent Emoji →