Иконка Grid 3x2 Outline

solar:grid-3x2-outline

Иконка Grid 3x2 Outline (solar:grid-3x2-outline) — бесплатная 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
Категория: Настройки
Теги: grid3x2, 3x2outline, grid3x2outline

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M15.2764 2.25171C15.2951 2.25031 15.314 2.24976 15.333 2.24976C15.359 2.24976 15.3848 2.25107 15.4102 2.25366C16.6279 2.26133 17.6455 2.28963 18.4893 2.40308C19.6615 2.56071 20.6101 2.89316 21.3584 3.64136C22.1066 4.3896 22.439 5.33833 22.5967 6.5105C22.7514 7.66128 22.75 9.13549 22.75 10.9998V12.9998C22.75 14.864 22.7514 16.3382 22.5967 17.489C22.439 18.6612 22.1066 19.6099 21.3584 20.3582C20.6101 21.1065 19.6615 21.4388 18.4893 21.5964C17.6405 21.7105 16.616 21.7394 15.3887 21.7468C15.3703 21.7482 15.3518 21.7498 15.333 21.7498C15.3202 21.7498 15.3076 21.7484 15.2949 21.7478C14.8858 21.7499 14.4545 21.7498 14 21.7498H10C9.54512 21.7498 9.11348 21.7499 8.7041 21.7478C8.69179 21.7484 8.67946 21.7497 8.66699 21.7498C8.64807 21.7498 8.62892 21.7482 8.61035 21.7468C7.3835 21.7394 6.35928 21.7105 5.51074 21.5964C4.33846 21.4388 3.3899 21.1065 2.6416 20.3582C1.8934 19.6099 1.56095 18.6612 1.40332 17.489C1.24863 16.3382 1.25 14.864 1.25 12.9998V10.9998C1.25 9.13549 1.2486 7.66128 1.40332 6.5105C1.56098 5.33833 1.89336 4.3896 2.6416 3.64136C3.38989 2.89316 4.33852 2.56071 5.51074 2.40308C6.35431 2.28966 7.37156 2.26134 8.58887 2.25366C8.61422 2.25106 8.63998 2.24977 8.66602 2.24976C8.68456 2.24976 8.70347 2.25039 8.72168 2.25171C9.12583 2.24968 9.55163 2.24976 10 2.24976H14C14.4477 2.24976 14.8728 2.24969 15.2764 2.25171ZM9.41602 20.2488C9.60474 20.249 9.79931 20.2498 10 20.2498H14C14.2003 20.2498 14.3946 20.249 14.583 20.2488V12.7498H9.41699L9.41602 20.2488ZM2.75 12.9998C2.75 14.9063 2.75154 16.2612 2.88965 17.2888C3.0249 18.2948 3.27903 18.8744 3.70215 19.2976C4.12535 19.7208 4.70487 19.9748 5.71094 20.1101C6.31688 20.1916 7.03655 20.2229 7.91602 20.2371L7.91699 12.7498H2.75V12.9998ZM16.083 20.2371C16.9629 20.2229 17.6829 20.1916 18.2891 20.1101C19.2951 19.9748 19.8746 19.7208 20.2979 19.2976C20.721 18.8744 20.9751 18.2948 21.1104 17.2888C21.2485 16.2612 21.25 14.9063 21.25 12.9998V12.7498H16.083V20.2371ZM9.41602 3.75073V11.2498H14.583V3.75073C14.3946 3.75054 14.2003 3.74976 14 3.74976H10C9.79931 3.74976 9.60474 3.75054 9.41602 3.75073ZM16.083 11.2498H21.25V10.9998C21.25 9.09316 21.2485 7.73829 21.1104 6.71069C20.9751 5.70479 20.721 5.12507 20.2979 4.7019C19.8747 4.27879 19.295 4.02465 18.2891 3.8894C17.6829 3.80792 16.9629 3.77659 16.083 3.76245V11.2498ZM7.91602 3.76245C7.03657 3.7766 6.31687 3.80795 5.71094 3.8894C4.70497 4.02465 4.12535 4.27879 3.70215 4.7019C3.27898 5.12507 3.02492 5.70479 2.88965 6.71069C2.7515 7.73829 2.75 9.09316 2.75 10.9998V11.2498H7.91602V3.76245Z" clip-rule="evenodd"/></svg>

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

React

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

<Icon icon="solar:grid-3x2-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:grid-3x2-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:grid-3x2-outline" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="solar:grid-3x2-outline"></iconify-icon>

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

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

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

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

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

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

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

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

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

Все Иконки Solar →