Ícone Blocks Bold Duotone
solar:blocks-bold-duotone
O ícone Blocks Bold Duotone (solar:blocks-bold-duotone) é um ícone SVG gratuito da coleção Solar de 480 Design. Ele é desenhado em uma grade de 24 × 24. Solar 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
- Solar
- Autor
- 480 Design
- Licença
- CC-BY-4.0
- Tamanho
- 24 × 24
- Tags
- blocksbold, boldduotone, blocksboldduotone, block
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><g opacity=".5"><path d="M6.17773 14.144C7.91147 14.144 8.77873 14.1436 9.31738 14.6821C9.85603 15.2208 9.85645 16.0879 9.85645 17.8218C9.85645 19.5556 9.85602 20.4228 9.31738 20.9614C8.77872 21.4998 7.91135 21.4995 6.17773 21.4995C4.44449 21.4995 3.5777 21.4997 3.03906 20.9614C2.50043 20.4228 2.5 19.5556 2.5 17.8218C2.5 16.0879 2.50042 15.2208 3.03906 14.6821C3.57769 14.1438 4.44437 14.144 6.17773 14.144Z"/><path d="M16.293 14.144C18.0267 14.144 18.894 14.1436 19.4326 14.6821C19.9713 15.2208 19.9717 16.0879 19.9717 17.8218C19.9717 19.5556 19.9713 20.4228 19.4326 20.9614C18.894 21.4998 18.0266 21.4995 16.293 21.4995C14.5597 21.4995 13.6929 21.4997 13.1543 20.9614C12.6157 20.4228 12.6152 19.5556 12.6152 17.8218C12.6152 16.0879 12.6157 15.2208 13.1543 14.6821C13.6929 14.1438 14.5596 14.144 16.293 14.144Z"/><path d="M6.17773 4.02881C7.91161 4.02881 8.77874 4.02922 9.31738 4.56787C9.85588 5.10649 9.85645 5.97304 9.85645 7.70654C9.85645 9.44042 9.85603 10.3075 9.31738 10.8462C8.77874 11.3848 7.91161 11.3853 6.17773 11.3853C4.44423 11.3853 3.57768 11.3847 3.03906 10.8462C2.50042 10.3075 2.5 9.44042 2.5 7.70654C2.5 5.97292 2.50045 5.10648 3.03906 4.56787C3.57767 4.02926 4.44411 4.02881 6.17773 4.02881Z"/></g><path d="M14.9592 3.83904L14.9592 3.83904C13.7331 5.06506 13.1201 5.67808 13.1201 6.43983C13.1201 7.20159 13.7331 7.8146 14.9592 9.04062L14.9592 9.04063C16.1852 10.2666 16.7982 10.8797 17.5599 10.8797C18.3217 10.8797 18.9347 10.2667 20.1607 9.04063L20.1608 9.04062C21.3868 7.8146 21.9998 7.20158 21.9998 6.43983C21.9998 5.67808 21.3868 5.06506 20.1607 3.83904C18.9347 2.61301 18.3217 2 17.5599 2C16.7982 2 16.1852 2.61301 14.9592 3.83904Z"/></g></svg>Como usar o ícone Blocks Bold Duotone
React
import { Icon } from "@iconify/react";
<Icon icon="solar:blocks-bold-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:blocks-bold-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:blocks-bold-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--blocks-bold-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:blocks-bold-duotone"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:blocks-bold-duotone"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/solar/blocks-bold-duotone.svg" alt="Ícone Blocks Bold Duotone" width="24" height="24">Ícones relacionados em Solar
Perguntas frequentes sobre Ícone Blocks Bold Duotone
O ícone Blocks Bold Duotone é grátis para uso comercial?
Sim. Solar 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 Blocks Bold Duotone no React?
Instale @iconify/react e renderize <Icon icon="solar:blocks-bold-duotone" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Blocks Bold Duotone a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/solar/blocks-bold-duotone.svg" alt="Ícone Blocks Bold Duotone">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.