Иконка Five Guys
thesvg-color:five-guys
Иконка Five Guys (thesvg-color:five-guys) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 619 × 88. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- theSVG Color
- Автор
- thesvg.org
- Лицензия
- MIT
- Размер
- 619 × 88
- Теги
- fiveguys, guy
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="619" height="88" viewBox="0 0 619 88"><path fill="#cf0a2c" d="M8 80V7.3h56.6v17H31.8v13.2h26.1v17H31.8V80zm67.5 0V7.3h23.8V80zm33.9-72.7h24l12.7 48.4l13.2-48.4h24L158.2 80h-23.9zm84 72.7V7.3h59.3v17h-35.5v10.4h30v17h-30V63h36.9v17zm176.2.2h-15.4l-.9-7.2c-1 1.1-2.2 2.3-3.5 3.3c-1.3 1.1-2.9 2-4.6 2.8c-1.8.8-3.8 1.5-6.1 2s-4.8.8-7.7.8c-4.6 0-9.1-.8-13.3-2.3s-8-3.8-11.3-6.9q-4.95-4.65-7.8-11.7c-1.9-4.7-2.9-10.2-2.9-16.5c0-5.8.9-11.1 2.6-15.9c1.8-4.8 4.3-8.9 7.6-12.4c3.3-3.4 7.3-6.1 12-8s10-2.9 15.9-2.9c4.4 0 8.5.6 12.3 1.7s7.3 2.8 10.3 5.1s5.6 5.1 7.6 8.4c2.1 3.4 3.4 7.3 4.2 11.7H346c-.9-3-2.4-5.3-4.4-6.9c-2.1-1.5-4.7-2.3-7.8-2.3c-2.4 0-4.4.5-6.1 1.5s-3.1 2.5-4.3 4.3c-1.1 1.9-2 4.1-2.6 6.7q-.9 3.9-.9 8.7c0 2.6.2 5 .7 7.4q.75 3.6 2.4 6.3c1.1 1.8 2.7 3.3 4.6 4.3c2 1.1 4.4 1.6 7.5 1.6c1.2 0 2.5-.2 3.8-.6s2.5-1 3.7-1.7c1.1-.7 2.1-1.6 3-2.6c.8-1 1.4-2.2 1.8-3.4H337V40h32.6zm13.9-72.9h23.8v43.5c0 1.8.1 3.5.4 5.2c.2 1.6.8 3 1.6 4.2s2 2.2 3.4 2.9c1.5.7 3.4 1.1 5.9 1.1c2.2 0 3.9-.3 5.4-1c1.4-.6 2.6-1.5 3.4-2.7q1.35-1.8 1.8-4.2c.3-1.6.5-3.4.5-5.4V7.3h23.8v41.1q0 17.4-8.4 25.5c-5.6 5.4-14.5 8-26.5 8c-5.7 0-10.7-.6-15-1.7s-8-3-11-5.7s-5.2-6.1-6.8-10.4c-1.5-4.3-2.3-9.5-2.3-15.8zM511.7 80h-23.8V53.6L460.8 7.3h26.7L500 31.9l12.5-24.6h26.3l-27.1 45.9zm72.4-51.6c-.2-1.3-.6-2.3-1.2-3.1s-1.3-1.4-2.2-1.9c-1.7-.9-3.7-1.3-6.2-1.3c-2.6 0-4.5.4-5.8 1.1c-1.2.7-1.8 1.7-1.8 3.1c0 1.3.6 2.5 1.8 3.3c1.2.9 2.8 1.7 4.7 2.3c2 .7 4.2 1.3 6.7 1.9s5 1.2 7.7 2c2.6.7 5.2 1.6 7.7 2.7c2.5 1 4.7 2.4 6.7 4c2 1.7 3.5 3.6 4.7 6q1.8 3.45 1.8 8.4c0 4.2-.8 7.9-2.5 11.1c-1.7 3.1-4 5.7-7 7.8s-6.6 3.6-10.8 4.6s-8.8 1.6-13.7 1.6c-4.8 0-9.1-.7-13-2s-7.3-3.1-10-5.3c-2.8-2.2-5-4.8-6.6-7.7s-2.4-6-2.6-9.3h22.8c.5 2.6 1.8 4.5 3.9 5.8c.9.6 2 1.1 3.2 1.4s2.4.5 3.5.5c3 0 5.4-.5 7.2-1.4s2.7-2.2 2.7-4s-1-3.2-3.1-4.2s-4.6-1.9-7.7-2.6c-3.1-.8-6.5-1.6-10.1-2.5s-7-2.2-10.1-3.9s-5.7-3.9-7.7-6.8c-2.1-2.8-3.1-6.6-3.1-11.2q0-5.7 2.4-10.2c1.6-2.9 3.8-5.4 6.6-7.3s6.1-3.4 9.9-4.3q5.7-1.5 12.6-1.5c5 0 9.4.6 13.1 1.8s6.8 2.9 9.3 4.9c2.5 2.1 4.5 4.5 5.9 7.3s2.3 5.8 2.7 8.9zm24.4-9.9c-.7 0-1.4-.1-2.1-.4c-.6-.3-1.2-.7-1.7-1.1c-.5-.5-.9-1-1.1-1.7c-.3-.6-.4-1.3-.4-2.1c0-.7.1-1.4.4-2.1c.3-.6.7-1.2 1.1-1.7c.5-.5 1-.9 1.7-1.1c.6-.3 1.3-.4 2.1-.4c.7 0 1.4.1 2.1.4c.6.3 1.2.7 1.7 1.1c.5.5.9 1 1.1 1.7c.3.6.4 1.3.4 2.1c0 .7-.1 1.4-.4 2.1c-.3.6-.7 1.2-1.1 1.7c-.5.5-1 .9-1.7 1.1c-.7.3-1.3.4-2.1.4m0-1.2c.6 0 1.1-.1 1.6-.3s.9-.5 1.2-.8c.3-.4.6-.8.8-1.3s.3-1 .3-1.6s-.1-1.1-.3-1.6s-.5-.9-.8-1.3s-.8-.6-1.2-.8c-.5-.2-1-.3-1.6-.3s-1.1.1-1.6.3s-.9.5-1.2.8c-.3.4-.6.8-.8 1.3s-.3 1-.3 1.6s.1 1.1.3 1.6s.5.9.8 1.3s.8.6 1.2.8c.5.2 1.1.3 1.6.3m2.7-1.2h-1.4l-1.3-2.4h-1v2.4h-1.2v-5.7h2.8c.8 0 1.3.1 1.7.4c.4.2.5.7.5 1.4c0 .5-.1.9-.4 1.1s-.7.4-1.2.4zm-2.1-3.3c.3 0 .6 0 .8-.2c.2-.1.3-.3.3-.7c0-.2 0-.3-.1-.4s-.2-.2-.3-.2s-.3-.1-.4-.1h-1.7v1.6z"/></svg>Как использовать иконку Five Guys
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:five-guys" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:five-guys" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:five-guys" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--five-guys]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:five-guys"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:five-guys"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/five-guys.svg" alt="Иконка Five Guys" width="24" height="24">Похожие иконки в наборе theSVG Color
Вопросы и ответы: Иконка Five Guys
Можно ли бесплатно использовать иконку Five Guys в коммерческих проектах?
Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Five Guys в React?
Установите @iconify/react и выведите <Icon icon="thesvg-color:five-guys" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Five Guys на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/five-guys.svg" alt="Иконка Five Guys">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.