Иконка Gallery

streamline-flex-color:gallery

Иконка Gallery (streamline-flex-color:gallery) — бесплатная SVG-иконка из набора Flex color icons от Streamline. Она нарисована на сетке 14 × 14. Flex color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Flex color icons
Автор: Streamline
Лицензия: CC-BY-4.0
Размер: 14 × 14
Категория: Изображения и фотография

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><g fill="none"><path fill="#fff" fill-rule="evenodd" d="M1.944 8.995a1.04 1.04 0 0 1-.93-.896l-.03-.23C.868 7.013.75 6.124.75 5.213c0-.91.119-1.8.233-2.657l.03-.229a1.04 1.04 0 0 1 .93-.897l.5-.048c1.002-.097 2.04-.199 3.105-.199c1.063 0 2.102.102 3.105.2l.498.047c.48.046.867.42.93.897l.03.23c.086.637.174 1.293.213 1.962a23 23 0 0 0-1.872-.086c-1.063 0-2.102.102-3.105.2l-.498.047a1.04 1.04 0 0 0-.93.897l-.03.23c-.115.857-.234 1.745-.234 2.656q0 .35.021.695q-.625-.053-1.233-.113l-.5-.049Z" clip-rule="evenodd"/><path stroke="#4147d5" stroke-linecap="round" stroke-linejoin="round" d="M1.944 8.995a1.04 1.04 0 0 1-.93-.896l-.03-.23C.868 7.013.75 6.124.75 5.213c0-.91.119-1.8.233-2.657l.03-.229a1.04 1.04 0 0 1 .93-.897l.5-.048c1.002-.097 2.04-.199 3.105-.199c1.063 0 2.102.102 3.105.2l.498.047c.48.046.867.42.93.897"/><path fill="#d7e0ff" d="M3.919 11.348c.063.478.45.852.93.897c1.155.11 2.362.247 3.603.247s2.448-.137 3.604-.247c.48-.045.867-.419.93-.896c.123-.928.264-1.894.264-2.887c0-.992-.141-1.958-.264-2.886a1.04 1.04 0 0 0-.93-.897c-1.156-.109-2.362-.247-3.604-.247c-1.24 0-2.448.138-3.603.247a1.04 1.04 0 0 0-.93.897c-.123.928-.264 1.894-.264 2.886s.14 1.959.264 2.886"/><path fill="#fff" fill-rule="evenodd" d="M5.704 12.685c-1.002-.097-1.808-.793-1.915-1.659l-.049-.414c.537-.654.975-1.074 1.61-1.524c.565-.402 1.322-.432 1.888-.03c1.294.92 2.378 2.249 3.086 3.534v.088a24 24 0 0 1-2.333.138a24 24 0 0 1-2.287-.133" clip-rule="evenodd"/><path stroke="#4147d5" stroke-linecap="round" stroke-linejoin="round" d="M3.818 10.518a7.6 7.6 0 0 1 1.531-1.43c.566-.402 1.323-.432 1.889-.03c1.234.877 2.278 2.127 2.986 3.357"/><path stroke="#4147d5" stroke-linecap="round" stroke-linejoin="round" d="M3.919 11.348c.063.478.45.852.93.897c1.155.11 2.362.247 3.603.247s2.448-.137 3.604-.247c.48-.045.867-.419.93-.896c.123-.928.264-1.894.264-2.887c0-.992-.141-1.958-.264-2.886a1.04 1.04 0 0 0-.93-.897c-1.156-.109-2.362-.247-3.604-.247c-1.24 0-2.448.138-3.603.247a1.04 1.04 0 0 0-.93.897c-.123.928-.264 1.894-.264 2.886s.14 1.959.264 2.886"/><path fill="#fff" d="M10.081 8.83c.784 0 1.224-.44 1.224-1.223s-.44-1.224-1.224-1.224c-.783 0-1.224.44-1.224 1.224c0 .783.441 1.224 1.224 1.224Z"/><path stroke="#4147d5" stroke-linecap="round" stroke-linejoin="round" d="M10.081 8.83c.784 0 1.224-.44 1.224-1.223s-.44-1.224-1.224-1.224c-.783 0-1.224.44-1.224 1.224c0 .783.441 1.224 1.224 1.224Z"/></g></svg>

Как использовать иконку Gallery

React

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

<Icon icon="streamline-flex-color:gallery" width="24" />

Vue

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

<template>
  <Icon icon="streamline-flex-color:gallery" width="24" />
</template>

Svelte

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

<Icon icon="streamline-flex-color:gallery" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex-color--gallery]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-flex-color -->
<div class="i-streamline-flex-color:gallery"></div>

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

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

<iconify-icon icon="streamline-flex-color:gallery"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/streamline-flex-color/gallery.svg" alt="Иконка Gallery" width="24" height="24">

Иконка Gallery в других наборах

Вопросы и ответы: Иконка Gallery

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

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

Как использовать иконку Gallery в React?

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

Как добавить иконку Gallery на веб-страницу?

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

Все Flex color icons →