Иконка Grid 3x3 Bold

solar:grid-3x3-bold

Иконка Grid 3x3 Bold (solar:grid-3x3-bold) — бесплатная 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
Теги: grid3x3, 3x3bold, grid3x3bold

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M14.5723 16.0635V21.9844C13.8024 21.9963 12.949 22 12 22C11.0578 22 10.2099 21.9961 9.44434 21.9844C9.44441 21.9801 9.44531 21.9759 9.44531 21.9717V16.0635H14.5723ZM7.94531 16.0635V21.9395C5.78384 21.8274 4.43045 21.5008 3.46484 20.5352C2.50055 19.5709 2.17303 18.2198 2.06055 16.0635H7.94531ZM21.9395 16.0635C21.827 18.2198 21.4995 19.5709 20.5352 20.5352C19.5722 21.4981 18.2235 21.8256 16.0723 21.9385V16.0635H21.9395ZM2.03711 9.43652H7.94531V14.5635H2.03906C2.03105 14.5635 2.0226 14.5642 2.01465 14.5645C2.00282 13.7966 2 12.9458 2 12C2 11.0542 2.00282 10.2034 2.01465 9.43555C2.02212 9.43577 2.02958 9.43652 2.03711 9.43652ZM21.9844 9.43555C21.9962 10.2034 22 11.0542 22 12C22 12.9454 21.9962 13.7959 21.9844 14.5635H16.0723V9.43652L21.9502 9.4375C21.9617 9.43749 21.973 9.43606 21.9844 9.43555ZM14.5723 9.43652V14.5635H9.44531V9.43652H14.5723ZM16.0723 2.06055C18.2235 2.17347 19.5722 2.50186 20.5352 3.46484C21.4995 4.42914 21.827 5.78016 21.9395 7.93652H16.0723V2.06055ZM7.94531 7.93652H2.06055C2.17303 5.78016 2.50055 4.42914 3.46484 3.46484C4.43045 2.49923 5.78381 2.17162 7.94531 2.05957V7.93652ZM12 2C12.949 2 13.8024 2.0027 14.5723 2.01465V7.93652H9.44531L9.44629 2.05957C9.44629 2.04447 9.44424 2.02953 9.44336 2.01465C10.2092 2.00294 11.0574 2 12 2Z"/></svg>

Как использовать иконку Grid 3x3 Bold

React

import { Icon } from "@iconify/react";

<Icon icon="solar:grid-3x3-bold" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:grid-3x3-bold" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:grid-3x3-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--grid-3x3-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:grid-3x3-bold"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:grid-3x3-bold"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/solar/grid-3x3-bold.svg" alt="Иконка Grid 3x3 Bold" width="24" height="24">

Вопросы и ответы: Иконка Grid 3x3 Bold

Можно ли бесплатно использовать иконку Grid 3x3 Bold в коммерческих проектах?

Да. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Grid 3x3 Bold в React?

Установите @iconify/react и выведите <Icon icon="solar:grid-3x3-bold" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Grid 3x3 Bold на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/solar/grid-3x3-bold.svg" alt="Иконка Grid 3x3 Bold">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Solar →