ICONYZ
Русский
Иконка 360 из набора Font-GIS

Иконка 360

gis:360

Иконка 360 (gis:360) — бесплатная SVG-иконка из набора Font-GIS от Jean-Marc Viglino. Она нарисована на сетке 100 × 100. Font-GIS icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Font-GIS
Автор
Jean-Marc Viglino
Лицензия
CC-BY-4.0
Размер
100 × 100
Категория
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="M0 21.127v57.746c.001 1.82 1.886 3.03 3.541 2.272c0 0 3.455-1.604 11.104-3.297S33.985 74.443 50 74.443s27.706 1.712 35.355 3.405c7.65 1.693 11.104 3.297 11.104 3.297c1.655.757 3.54-.451 3.541-2.272V21.127c-.001-1.79-1.827-2.998-3.475-2.3c0 0-15.746 6.73-46.525 6.73s-46.525-6.73-46.525-6.73C1.787 18.223.04 19.78 0 21.126m5 3.504c6.39 2.027 21.643 5.926 45 5.926s38.61-3.899 45-5.926v44.426c-7.977.228-16.18-.56-24.992-4.09L51.795 44.604L36.416 57.508l-7.424-4.95L14.4 68.042c-3.017 1.35-5.923 3.034-9.4 3.004Zm70.04 12.846a6.72 6.72 0 0 0-6.628 6.716a6.718 6.718 0 1 0 6.627-6.716" color="currentColor"/></svg>

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

React

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

<Icon icon="gis:360" width="24" />

Vue

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

<template>
  <Icon icon="gis:360" width="24" />
</template>

Svelte

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

<Icon icon="gis:360" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[gis--360]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/gis -->
<div class="i-gis:360"></div>

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

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

<iconify-icon icon="gis:360"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/gis/360.svg" alt="Иконка 360" width="24" height="24">

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

Иконка 360 из набора Material Symbols
Material Symbols
 Иконка 360 из набора Material Symbols Light
Material Symbols Light
 Иконка 360 из набора NRK Core Icons
NRK Core Icons

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

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

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

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

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

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

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

Все Иконки Font-GIS →