Ícone Woocommerce Logo Block
streamline-logos:woocommerce-logo-block
O ícone Woocommerce Logo Block (streamline-logos:woocommerce-logo-block) é um ícone SVG gratuito da coleção Logos free icons de Streamline. Ele é desenhado em uma grade de 24 × 24. Logos free icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Logos free icons
- Autor
- Streamline
- Licença
- CC-BY-4.0
- Tamanho
- 24 × 24
- Categoria
- E-commerce
- Tags
- woocommercelogo, logoblock, woocommercelogoblock
Código 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="M5 1a4 4 0 0 0-4 4v14a4 4 0 0 0 4 4h14a4 4 0 0 0 4-4V5a4 4 0 0 0-4-4zM4 9.32c0-.804.651-1.455 1.455-1.455h13.09c.804 0 1.455.651 1.455 1.455v5.09c0 .804-.651 1.455-1.454 1.455h-4.19l.907 2.27l-4.085-2.27H5.455A1.455 1.455 0 0 1 4 14.411zm7.275-.673c.31.152.438.527.285.837c-.755 1.538-.983 3.185-.824 4.933a.625.625 0 0 1-1.088.474a6.9 6.9 0 0 1-1.452-2.516L6.912 14.77a.63.63 0 0 1-.602.327c-.305-.025-.487-.249-.572-.52a20 20 0 0 1-.338-1.272a34 34 0 0 1-.642-3.833A.625.625 0 0 1 6 9.332a34 34 0 0 0 .562 3.445l1.352-2.52a.625.625 0 0 1 1.173.239c.058.64.19 1.237.405 1.793a9.7 9.7 0 0 1 .946-3.356a.625.625 0 0 1 .837-.286m2.453.666c-.614-.124-1.18.13-1.587.516s-.704.941-.83 1.564c-.127.624-.07 1.25.156 1.765c.225.513.647.968 1.26 1.092c.615.124 1.18-.13 1.587-.516s.704-.94.83-1.564c.127-.623.07-1.25-.156-1.764c-.224-.513-.647-.968-1.26-1.093m2.573.566c.394-.39.954-.666 1.571-.542c.618.124 1.027.596 1.237 1.11c.213.517.26 1.147.133 1.773c-.128.627-.418 1.188-.816 1.582c-.394.39-.954.667-1.571.543c-.618-.125-1.027-.596-1.238-1.11c-.212-.518-.26-1.147-.132-1.774s.418-1.187.816-1.582m-3.765 1.762c.081-.401.265-.715.465-.905c.202-.19.372-.22.479-.198s.252.115.363.369c.11.252.158.613.077 1.015c-.082.401-.265.715-.465.905c-.202.19-.372.22-.479.198s-.253-.115-.364-.369c-.11-.252-.158-.613-.076-1.015m4.174.07c.085-.418.271-.746.47-.944c.204-.201.364-.221.446-.205c.081.017.219.096.327.359c.106.258.15.632.064 1.05c-.085.417-.271.745-.471.943c-.203.202-.363.222-.445.205c-.081-.016-.22-.095-.327-.358c-.106-.26-.15-.632-.064-1.05" clip-rule="evenodd"/></svg>Como usar o ícone Woocommerce Logo Block
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-logos:woocommerce-logo-block" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-logos:woocommerce-logo-block" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-logos:woocommerce-logo-block" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-logos--woocommerce-logo-block]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-logos -->
<div class="i-streamline-logos:woocommerce-logo-block"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-logos:woocommerce-logo-block"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/streamline-logos/woocommerce-logo-block.svg" alt="Ícone Woocommerce Logo Block" width="24" height="24">Ícones relacionados em Logos free icons
Perguntas frequentes sobre Ícone Woocommerce Logo Block
O ícone Woocommerce Logo Block é grátis para uso comercial?
Sim. Logos free icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Woocommerce Logo Block no React?
Instale @iconify/react e renderize <Icon icon="streamline-logos:woocommerce-logo-block" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Woocommerce Logo Block a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-logos/woocommerce-logo-block.svg" alt="Ícone Woocommerce Logo Block">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.