Ícone Designmoo Logo Block
streamline-logos:designmoo-logo-block
O ícone Designmoo Logo Block (streamline-logos:designmoo-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
- Comunidades de design
- Tags
- designmoologo, logoblock, designmoologoblock
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-4zm6.829 3.803c.306 0 .554.248.554.554v.554h.554a.554.554 0 0 1 0 1.108h-.554v.554a.554.554 0 1 1-1.108 0V7.02h-.555a.554.554 0 0 1 0-1.108h.555v-.554c0-.306.248-.554.554-.554ZM9.08 8.48l2.08.547c.303.08.303.208 0 .292l-2.08.544a1.09 1.09 0 0 0-.699.7l-.112.429c-.437.362-.609.601-.881 1.041l-.384-1.47a1.08 1.08 0 0 0-.698-.7L4.228 9.32c-.304-.081-.304-.208 0-.292l2.079-.547a1.08 1.08 0 0 0 .698-.7l.544-2.084c.081-.31.208-.31.288 0l.545 2.085a1.08 1.08 0 0 0 .699.7Zm9.55 5.22l1.234.324c.18.047.18.123 0 .173l-1.233.322a.65.65 0 0 0-.415.416l-.323 1.237c-.047.18-.123.18-.17 0l-.323-1.237a.64.64 0 0 0-.415-.416l-1.232-.322c-.181-.048-.181-.123 0-.173l1.232-.325a.64.64 0 0 0 .415-.414l.322-1.237c.048-.184.123-.184.171 0l.323 1.237a.64.64 0 0 0 .415.414Zm-4.338-7.017l.378.01c.237.005.566.098.839.35c.284.26.478.665.478 1.231c0 .37-.152.898-.346 1.442c-.2.56-.468 1.193-.74 1.795a52 52 0 0 1-1.22 2.51l-.077.143v.001c-.17.31-.505.924-.767 1.542c-.157.372-.276.718-.319.983a1 1 0 0 0-.014.237c.048-.023.117-.065.205-.137c.215-.172.458-.434.727-.724l.023-.025c.264-.284.557-.6.831-.804c.137-.102.299-.201.475-.243a.67.67 0 0 1 .6.133c.2.168.268.4.258.62c-.01.206-.085.415-.182.606c-.195.386-.536.81-.92 1.2a8.3 8.3 0 0 1-1.283 1.067c-.428.284-.89.517-1.287.563c-.372.043-.685-.02-.938-.163a1.35 1.35 0 0 1-.52-.54a2 2 0 0 1-.08-.169a6 6 0 0 1-.575.343a3.7 3.7 0 0 1-.98.365c-.345.068-.732.067-1.08-.12c-.764-.409-.995-1.337-.99-2.2c.004-.89.256-1.876.642-2.624c.997-1.931 2.08-3.008 3.11-3.36c.524-.18 1.031-.169 1.482.017c.262.108.495.272.696.478c.328-.64.675-1.411.961-2.133c.183-.46.339-.895.448-1.256c.114-.376.165-.633.165-.76zm-3.19 8.15l-.019.042c-.204.452-1.288 2.39-1.902 2.115s.152-2.203.398-2.725c.233-.495 1.29-2.237 1.902-1.902c.594.325-.148 1.962-.378 2.47Z" clip-rule="evenodd"/></svg>Como usar o ícone Designmoo Logo Block
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-logos:designmoo-logo-block" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-logos:designmoo-logo-block" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-logos:designmoo-logo-block" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-logos--designmoo-logo-block]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-logos -->
<div class="i-streamline-logos:designmoo-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:designmoo-logo-block"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/streamline-logos/designmoo-logo-block.svg" alt="Ícone Designmoo Logo Block" width="24" height="24">Ícones relacionados em Logos free icons
Perguntas frequentes sobre Ícone Designmoo Logo Block
O ícone Designmoo 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 Designmoo Logo Block no React?
Instale @iconify/react e renderize <Icon icon="streamline-logos:designmoo-logo-block" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Designmoo 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/designmoo-logo-block.svg" alt="Ícone Designmoo Logo Block">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.