Иконка Saleor
thesvg-color:saleor
Иконка Saleor (thesvg-color:saleor) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 58 × 20. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- theSVG Color
- Автор
- thesvg.org
- Лицензия
- MIT
- Размер
- 58 × 20
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="58" height="20" viewBox="0 0 58 20"><path fill="#54baba" d="M15.5 3.1H0L3.1 0h15.5z"/><path fill="#222046" d="M8.9 19.5c3.8 0 4.8-1.5 4.8-3.6c0-2.6-2.3-3.1-4.3-3.4c-1.5-.3-2.2-.4-2.2-1.3c0-.7.6-.9 1.5-.9c1.2 0 1.5.3 1.6 1.3l3.1-.5c-.1-2.1-1.3-3.2-4.5-3.2c-3.5 0-4.7 1.4-4.7 3.6c0 2.9 2.7 3.2 4.7 3.5c1.2.2 1.7.4 1.7 1.3c0 .7-.4 1-1.7 1c-1.4 0-1.8-.2-2-1.3l-3 .4c.4 2.2 1.7 3.1 5 3.1m8.6 0c1.7 0 2.5-.5 3-1.3v1.2h3.1v-7.6c0-2.5-1-3.8-4.4-3.8c-3.3 0-4.4.9-4.9 3.2l3.1.5c.2-1 .5-1.3 1.7-1.3s1.4.5 1.4 1.3v.8h-1.4c-3.9 0-5.2 1.2-5.2 3.6c0 2.2 1.2 3.4 3.6 3.4m1.4-2.3c-1.5 0-2-.3-2-1.4c0-.9.5-1.3 2.1-1.3h1.6v1.1c0 1-.5 1.6-1.7 1.6m5.5 2.1h3.1V3.1l-3.1 3.1zm8.8.2c3.6 0 4.6-1.7 4.8-3.4l-3-.4c-.1 1-.3 1.5-1.8 1.5s-1.8-.7-1.8-1.7v-.9H38v-2c0-2.8-1.1-4.7-4.8-4.7c-3.6 0-4.9 1.9-4.9 4.3v3c0 2.3 1.3 4.3 4.9 4.3m-1.8-7v-.6c0-1 .5-1.7 1.8-1.7s1.8.6 1.8 1.7v.6zm12.4-4.6c-3.6 0-5 1.8-5 4.3v3c0 2.5 1.4 4.3 5 4.3s5.1-1.8 5.1-4.3v-3c0-2.5-1.5-4.3-5.1-4.3m2 7.4c0 1.1-.7 1.7-1.9 1.7s-1.9-.7-1.9-1.7v-3.2c0-1.1.6-1.7 1.9-1.7s1.9.7 1.9 1.7zm7-7.3l-3.1 3.1v8.2h3.1v-8.2h1.7L57.6 8z"/></svg>Как использовать иконку Saleor
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:saleor" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:saleor" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:saleor" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--saleor]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:saleor"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:saleor"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/saleor.svg" alt="Иконка Saleor" width="24" height="24">Вопросы и ответы: Иконка Saleor
Можно ли бесплатно использовать иконку Saleor в коммерческих проектах?
Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Saleor в React?
Установите @iconify/react и выведите <Icon icon="thesvg-color:saleor" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Saleor на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/saleor.svg" alt="Иконка Saleor">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.