Иконка Blocks Bold Duotone
solar:blocks-bold-duotone
Иконка Blocks Bold Duotone (solar:blocks-bold-duotone) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Solar
- Автор
- 480 Design
- Лицензия
- CC-BY-4.0
- Размер
- 24 × 24
- Теги
- blocksbold, boldduotone, blocksboldduotone, block
Код 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>Как использовать иконку 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>Веб-компонент
<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>Изображение HTML
<img src="https://iconyz.com/api/public/svg/solar/blocks-bold-duotone.svg" alt="Иконка Blocks Bold Duotone" width="24" height="24">Похожие иконки в наборе Solar
Вопросы и ответы: Иконка Blocks Bold Duotone
Можно ли бесплатно использовать иконку Blocks Bold Duotone в коммерческих проектах?
Да. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Blocks Bold Duotone в React?
Установите @iconify/react и выведите <Icon icon="solar:blocks-bold-duotone" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Blocks Bold Duotone на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/solar/blocks-bold-duotone.svg" alt="Иконка Blocks Bold Duotone">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.