Ícone Centos Logo Block
streamline-logos:centos-logo-block
O ícone Centos Logo Block (streamline-logos:centos-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
- Sistemas operacionais
- Tags
- centoslogo, logoblock, centoslogoblock, cento
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-4zm7 3l1.623 1.623h-1.18v4.291l-.443.442l-.442-.442v-4.29h-1.181zm-1.162 6.838h-.626L7.178 7.804l-.835.835V6.343h2.295l-.835.835l3.035 3.034zm-3.034 5.984l3.034-3.034v-.626h-.625l-3.035 3.034l-.835-.835v2.296h2.295zm2.573 1.555L12 20l1.623-1.623h-1.18v-4.291L12 13.644l-.442.442v4.29zm.46-3.571v2.85h-1.18l-.835-.834l2.016-2.016Zm2.325 0v2.85h1.181l.835-.834zm3.034 2.016l-.834.835h2.295V15.36l-.835.835l-3.035-3.034h-.625v.626zM6.344 9.657l.835-.835l2.016 2.016h-2.85V9.657Zm-.72.72L4 12l1.623 1.623v-1.181h4.291l.442-.442l-.442-.442h-4.29zm3.571 2.785l-2.016 2.016l-.835-.835v-1.18zm4.892-1.604l-.442.442l.442.442h4.29v1.181L20 12l-1.623-1.623v1.18h-4.291Zm3.57-.72V9.657l-.834-.835l-2.016 2.016zm0-2.2l-.834-.834l-3.034 3.034h-.626v-.626l3.034-3.034l-.835-.835h2.296V8.64Zm0 4.524v1.181l-.834.835l-2.016-2.016zm-4.494-3.968v-2.85h1.181l.835.834zm-2.324-2.85v2.85L8.822 7.178l.835-.835h1.18Z" clip-rule="evenodd"/></svg>Como usar o ícone Centos Logo Block
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-logos:centos-logo-block" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-logos:centos-logo-block" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-logos:centos-logo-block" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-logos--centos-logo-block]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-logos -->
<div class="i-streamline-logos:centos-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:centos-logo-block"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/streamline-logos/centos-logo-block.svg" alt="Ícone Centos Logo Block" width="24" height="24">Ícones relacionados em Logos free icons
Perguntas frequentes sobre Ícone Centos Logo Block
O ícone Centos 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 Centos Logo Block no React?
Instale @iconify/react e renderize <Icon icon="streamline-logos:centos-logo-block" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Centos 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/centos-logo-block.svg" alt="Ícone Centos Logo Block">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.