Icône Blocks Bold Duotone
solar:blocks-bold-duotone
L'icône Blocks Bold Duotone (solar:blocks-bold-duotone) est une icône SVG gratuite de la collection Solar par 480 Design. Elle est dessinée sur une grille de 24 × 24. Les Solar icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Solar
- Auteur
- 480 Design
- Licence
- CC-BY-4.0
- Taille
- 24 × 24
- Mots-clés
- blocksbold, boldduotone, blocksboldduotone, block
Code 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>Comment utiliser l'icône 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>Image HTML
<img src="https://iconyz.com/api/public/svg/solar/blocks-bold-duotone.svg" alt="Icône Blocks Bold Duotone" width="24" height="24">Icônes similaires dans Solar
FAQ : Icône Blocks Bold Duotone
L'icône Blocks Bold Duotone est-elle gratuite pour un usage commercial ?
Oui. Les Solar icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.
Comment utiliser l'icône Blocks Bold Duotone dans React ?
Installez @iconify/react et affichez <Icon icon="solar:blocks-bold-duotone" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Blocks Bold Duotone à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/solar/blocks-bold-duotone.svg" alt="Icône Blocks Bold Duotone">, ou collez le code SVG directement dans la page pour le styliser en CSS.