Иконка Fanta

thesvg-color:fanta

Иконка Fanta (thesvg-color:fanta) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 225 × 161. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: theSVG Color
Автор: thesvg.org
Лицензия: MIT
Размер: 225 × 161

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="225" height="161" viewBox="0 0 225 161"><path fill="#193bc0" d="M9.49 91.99L0 14.3l48.72-4.98l3.4 10.76l21.06-2.22l1.46 4.17l37.57-4.36l.77-13.5l26.6-2.56l.5 3.54L187.5 0l2.75 21.57l15.26-1.62l19.47 49.52l-122.37 91.2z"/><path fill="#fff" d="m182.68 6.29l-41.15 4.32l1.92 15.94l9.49-.96l6.1 50.84l18.35-1.96l-6.12-50.82l13.35-1.45zM135.4 7.73l-16.7 1.79l3.83 31.33l-1.58.18l-15.78-16.74l-17.51 1.95l7.07 56.9l16.72-1.77l-3.53-28.78l1.6-.16l18.02 22.37l15.91-1.62zm-91.5 7.7L6.27 19.3l8.2 67.23l16.74-1.77l-3.23-27.5l16.24-1.62l-1.62-12.7l-16.22 1.6l-1.27-10.9l20.73-2.28zm25.4 8.54l-15.58 1.62l-11.75 63.03l14.48-1.6l2.26-16.42l12.53-1.44l3.39 11.11l14-1.47zm132.53 2.1L183.5 28l.3 40.84l11.25-1.11l-.45-8.54l8-.97l3.08 8.36l11.57-1.28zm-6.27 11.88l3.54 10.96l-4.7.65l-.46-11.46zM64 45.52l3.39 11.1l-6.78.8l1.78-11.75z"/></svg>

Как использовать иконку Fanta

React

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

<Icon icon="thesvg-color:fanta" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:fanta" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:fanta" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--fanta]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:fanta"></div>

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

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

<iconify-icon icon="thesvg-color:fanta"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/thesvg-color/fanta.svg" alt="Иконка Fanta" width="24" height="24">

Вопросы и ответы: Иконка Fanta

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

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

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

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

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

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

Все Иконки theSVG Color →