Иконка Invision

fontisto:invision

Иконка Invision (fontisto:invision) — бесплатная SVG-иконка из набора Fontisto от Kenan Gündoğan. Она нарисована на сетке 24 × 24. Fontisto icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Fontisto
Автор: Kenan Gündoğan
Лицензия: MIT
Размер: 24 × 24
Категория: Бренд

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M21.825 0H2.175A2.177 2.177 0 0 0 0 2.175v19.65A2.177 2.177 0 0 0 2.175 24h19.65A2.177 2.177 0 0 0 24 21.825V2.175A2.177 2.177 0 0 0 21.825 0M8.02 4.667a1.443 1.443 0 0 1 0 2.884v.027a1.454 1.454 0 1 1 0-2.91zm9.816 13.815a1.974 1.974 0 0 1-2.199-2.097v-.003c0-.382.055-.75.157-1.099l-.007.028l.71-2.545c.07-.221.11-.476.11-.739v-.037v.002a1.21 1.21 0 0 0-1.304-1.315h.004c-1.013 0-1.68.727-2.025 2.13l-1.381 5.535H9.488l.432-1.74a3.43 3.43 0 0 1-2.903 1.885H7.01a1.932 1.932 0 0 1-2.156-2.122l-.001.008q.007-.58.137-1.119l-.007.034l1.1-4.49H4.376l.518-1.9h4.1l-1.62 6.4c-.084.293-.138.63-.15.979v.007c0 .41.2.53.517.6a2.71 2.71 0 0 0 2.554-1.821l.006-.019l1.06-4.25H9.638l.52-1.875h3.72l-.48 2.16a4.21 4.21 0 0 1 3.189-2.352l.023-.003a2.508 2.508 0 0 1 2.474 2.833l.001-.013v.004c0 .561-.088 1.101-.25 1.608l.01-.037l-.69 2.476a3 3 0 0 0-.1.654v.006c0 .434.18.645.494.645s.735-.24 1.2-1.56l.943.36c-.555 1.964-1.576 2.774-2.85 2.774z"/></svg>

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

React

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

<Icon icon="fontisto:invision" width="24" />

Vue

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

<template>
  <Icon icon="fontisto:invision" width="24" />
</template>

Svelte

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

<Icon icon="fontisto:invision" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="fontisto:invision"></iconify-icon>

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

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

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

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

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

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

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

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

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

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

Все Иконки Fontisto →