Иконка Firebase
thesvg-color:firebase
Иконка Firebase (thesvg-color:firebase) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 600 × 600. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- theSVG Color
- Автор
- thesvg.org
- Лицензия
- MIT
- Размер
- 600 × 600
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 600 600"><g fill="none"><path fill="#ff9100" d="M213.918 560.499c23.248 9.357 48.469 14.909 74.952 15.834c35.84 1.252 69.922-6.158 100.391-20.234c-36.537-14.355-69.627-35.348-97.869-61.448c-18.306 29.31-45.382 52.462-77.474 65.848"/><path fill="#ffc400" d="M291.389 494.66c-64.466-59.622-103.574-145.917-100.269-240.568c.108-3.073.27-6.145.46-9.216a167 167 0 0 0-36.004-5.241a167 167 0 0 0-51.183 6.153c-17.21 30.145-27.594 64.733-28.888 101.781c-3.339 95.611 54.522 179.154 138.409 212.939c32.093-13.387 59.168-36.51 77.475-65.848"/><path fill="#ff9100" d="M291.39 494.657c14.988-23.986 24.075-52.106 25.133-82.403c2.783-79.695-50.792-148.251-124.942-167.381c-.19 3.071-.352 6.143-.46 9.216c-3.305 94.651 35.803 180.946 100.269 240.568"/><path fill="#dd2c00" d="M308.231 20.858C266 54.691 232.652 99.302 212.475 150.693c-11.551 29.436-18.81 61.055-20.929 94.2c74.15 19.13 127.726 87.686 124.943 167.38c-1.058 30.297-10.172 58.39-25.134 82.404c28.24 26.127 61.331 47.093 97.868 61.447c73.337-33.9 125.37-106.846 128.383-193.127c1.952-55.901-19.526-105.724-49.875-147.778c-32.051-44.477-159.5-194.36-159.5-194.36Z"/></g></svg>
Как использовать иконку Firebase
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:firebase" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:firebase" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:firebase" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--firebase]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:firebase"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:firebase"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/firebase.svg" alt="Иконка Firebase" width="24" height="24">
Похожие иконки в наборе theSVG Color
Иконка Firebase в других наборах
Вопросы и ответы: Иконка Firebase
Можно ли бесплатно использовать иконку Firebase в коммерческих проектах?
Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Firebase в React?
Установите @iconify/react и выведите <Icon icon="thesvg-color:firebase" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Firebase на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/firebase.svg" alt="Иконка Firebase">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки theSVG Color →
ICONYZ
