Иконка Blocks Linear
solar:blocks-linear
Иконка Blocks Linear (solar:blocks-linear) — бесплатная 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
- Теги
- blockslinear, block
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M2.5 7.70692C2.5 5.97304 2.5 5.1061 3.03865 4.56745C3.57729 4.02881 4.44423 4.02881 6.17811 4.02881C7.91198 4.02881 8.77892 4.02881 9.31757 4.56745C9.85622 5.1061 9.85621 5.97304 9.85621 7.70692C9.85621 9.44079 9.85622 10.3077 9.31757 10.8464C8.77892 11.385 7.91198 11.385 6.17811 11.385C4.44423 11.385 3.57729 11.385 3.03865 10.8464C2.5 10.3077 2.5 9.44079 2.5 7.70692Z"/><path d="M12.6147 17.8217C12.6147 16.0878 12.6147 15.2208 13.1534 14.6822C13.692 14.1436 14.559 14.1436 16.2929 14.1436C18.0267 14.1436 18.8937 14.1436 19.4323 14.6822C19.971 15.2208 19.971 16.0878 19.971 17.8217C19.971 19.5555 19.971 20.4225 19.4323 20.9611C18.8937 21.4998 18.0267 21.4998 16.2929 21.4998C14.559 21.4998 13.692 21.4998 13.1534 20.9611C12.6147 20.4225 12.6147 19.5555 12.6147 17.8217Z"/><path d="M2.5 17.8217C2.5 16.0878 2.5 15.2208 3.03865 14.6822C3.57729 14.1436 4.44423 14.1436 6.17811 14.1436C7.91198 14.1436 8.77892 14.1436 9.31757 14.6822C9.85622 15.2208 9.85621 16.0878 9.85621 17.8217C9.85621 19.5555 9.85622 20.4225 9.31757 20.9611C8.77892 21.4998 7.91198 21.4998 6.17811 21.4998C4.44423 21.4998 3.57729 21.4998 3.03865 20.9611C2.5 20.4225 2.5 19.5555 2.5 17.8217Z"/><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 Linear
React
import { Icon } from "@iconify/react";
<Icon icon="solar:blocks-linear" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:blocks-linear" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:blocks-linear" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--blocks-linear]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:blocks-linear"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:blocks-linear"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/solar/blocks-linear.svg" alt="Иконка Blocks Linear" width="24" height="24">Похожие иконки в наборе Solar
Вопросы и ответы: Иконка Blocks Linear
Можно ли бесплатно использовать иконку Blocks Linear в коммерческих проектах?
Да. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Blocks Linear в React?
Установите @iconify/react и выведите <Icon icon="solar:blocks-linear" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Blocks Linear на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/solar/blocks-linear.svg" alt="Иконка Blocks Linear">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.