Иконка Woocommerce Logo Solid
streamline-logos:woocommerce-logo-solid
Иконка Woocommerce Logo Solid (streamline-logos:woocommerce-logo-solid) — бесплатная SVG-иконка из набора Logos free icons от Streamline. Она нарисована на сетке 24 × 24. Logos free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Logos free icons
- Автор
- Streamline
- Лицензия
- CC-BY-4.0
- Размер
- 24 × 24
- Категория
- Электронная коммерция
- Теги
- woocommercelogo, logosolid, woocommercelogosolid
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M1 7.5a2 2 0 0 1 2-2h18a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-5.761l1.247 3.12l-5.616-3.12H3a2 2 0 0 1-2-2zm10.297.177a.75.75 0 1 0-1.346-.661a13.3 13.3 0 0 0-1.329 5.022c-.402-.892-.64-1.86-.737-2.911a.75.75 0 0 0-1.407-.286L4.48 12.563a45 45 0 0 1-.84-5.035a.75.75 0 1 0-1.49.169a47 47 0 0 0 .881 5.258a27 27 0 0 0 .462 1.741l.042.128a.75.75 0 0 0 1.372.117l1.889-3.522a9.4 9.4 0 0 0 2.05 3.669a.75.75 0 0 0 1.306-.569c-.22-2.42.095-4.705 1.144-6.842Zm2.004 1.691c-.293.278-.556.73-.671 1.302c-.116.572-.05 1.091.111 1.461c.164.372.388.531.58.57c.19.039.46-.02.754-.3c.293-.277.556-.73.672-1.302s.05-1.09-.112-1.46c-.163-.373-.388-.532-.579-.57c-.191-.04-.46.02-.755.3ZM12.27 8.28c.54-.512 1.284-.843 2.084-.68c.8.161 1.356.755 1.655 1.437c.3.686.377 1.523.208 2.36c-.17.838-.567 1.58-1.11 2.094c-.541.513-1.285.843-2.085.681s-1.356-.755-1.655-1.438c-.3-.685-.377-1.523-.208-2.36c.17-.838.567-1.58 1.11-2.094Zm6.099 2.487c.12-.593.386-1.064.678-1.354c.296-.293.55-.343.71-.311s.372.175.53.559c.155.378.214.914.093 1.507c-.12.592-.385 1.063-.677 1.353c-.297.294-.55.344-.71.311s-.373-.175-.53-.558c-.155-.379-.215-.915-.094-1.507m1.684-3.136c-.802-.16-1.537.196-2.062.717c-.53.525-.92 1.276-1.092 2.119s-.107 1.686.176 2.376c.28.684.82 1.298 1.622 1.46c.801.161 1.536-.196 2.062-.717c.53-.525.92-1.275 1.091-2.119c.172-.843.107-1.686-.176-2.376c-.28-.684-.82-1.298-1.621-1.46" clip-rule="evenodd"/></svg>Как использовать иконку Woocommerce Logo Solid
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-logos:woocommerce-logo-solid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-logos:woocommerce-logo-solid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-logos:woocommerce-logo-solid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-logos--woocommerce-logo-solid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-logos -->
<div class="i-streamline-logos:woocommerce-logo-solid"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-logos:woocommerce-logo-solid"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-logos/woocommerce-logo-solid.svg" alt="Иконка Woocommerce Logo Solid" width="24" height="24">Похожие иконки в наборе Logos free icons
Вопросы и ответы: Иконка Woocommerce Logo Solid
Можно ли бесплатно использовать иконку Woocommerce Logo Solid в коммерческих проектах?
Да. Logos free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Woocommerce Logo Solid в React?
Установите @iconify/react и выведите <Icon icon="streamline-logos:woocommerce-logo-solid" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Woocommerce Logo Solid на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-logos/woocommerce-logo-solid.svg" alt="Иконка Woocommerce Logo Solid">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.