Иконка Frontapp
logos:frontapp
Иконка Frontapp (logos:frontapp) — бесплатная SVG-иконка из набора SVG Logos от Gil Barbara. Она нарисована на сетке 256 × 366. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- SVG Logos
- Автор
- Gil Barbara
- Лицензия
- CC0-1.0
- Размер
- 256 × 366
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="366" viewBox="0 0 256 366"><defs><linearGradient id="SVGR2kvIebn" x1="12.519%" x2="88.228%" y1="85.213%" y2="10.023%"><stop offset="0%" stop-color="#ff0057" stop-opacity=".16"/><stop offset="86.135%" stop-color="#ff0057"/></linearGradient></defs><path fill="#001b38" d="M0 60.854C0 27.245 27.245 0 60.854 0h195.143v86.6c0 16.804-13.623 30.427-30.427 30.427h-79.762c-15.805.25-28.565 13.033-28.781 28.846v189.41c0 16.804-13.622 30.427-30.427 30.427H0z"/><circle cx="147.013" cy="147.015" r="78.993" fill="url(#SVGR2kvIebn)" transform="rotate(90 147.013 147.015)"/><circle cx="147.013" cy="147.015" r="78.993" fill="url(#SVGR2kvIebn)" opacity=".5" transform="rotate(90 147.013 147.015)"/></svg>Как использовать иконку Frontapp
React
import { Icon } from "@iconify/react";
<Icon icon="logos:frontapp" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:frontapp" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:frontapp" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--frontapp]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:frontapp"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:frontapp"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/logos/frontapp.svg" alt="Иконка Frontapp" width="24" height="24">Вопросы и ответы: Иконка Frontapp
Можно ли бесплатно использовать иконку Frontapp в коммерческих проектах?
Да. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Frontapp в React?
Установите @iconify/react и выведите <Icon icon="logos:frontapp" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Frontapp на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/logos/frontapp.svg" alt="Иконка Frontapp">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.