Иконка Grid 3x3 Bold Duotone

solar:grid-3x3-bold-duotone

Иконка Grid 3x3 Bold Duotone (solar:grid-3x3-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
Теги: grid3x3, 3x3bold, boldduotone, grid3x3boldduotone

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12Z" opacity=".5"/><path fill-rule="evenodd" d="M14.5713 2.01465C15.111 2.02302 15.6096 2.03633 16.0713 2.06055V7.93652H21.9395C21.9635 8.39826 21.9761 8.89685 21.9844 9.43652H16.0713V14.5635H21.9854C21.977 15.1032 21.9635 15.6017 21.9395 16.0635H16.0713V21.9385C15.6096 21.9627 15.111 21.976 14.5713 21.9844V16.0635H9.44531V21.9844C8.90568 21.9761 8.4071 21.9634 7.94531 21.9395V16.0635H2.06055C2.03646 15.6017 2.02295 15.1032 2.01465 14.5635H7.94531V9.43652H2.01465C2.02295 8.89685 2.03646 8.39826 2.06055 7.93652H7.94531V2.05957C8.40709 2.03563 8.9057 2.02288 9.44531 2.01465V7.93652H14.5713V2.01465ZM9.44531 14.5635H14.5713V9.43652H9.44531V14.5635Z" clip-rule="evenodd"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Иконки Solar →