Иконка Invision
bxl:invision
Иконка Invision (bxl:invision) — бесплатная SVG-иконка из набора Boxicons Brands от Boxicons. Она нарисована на сетке 24 × 24. Boxicons Brands icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Boxicons Brands
- Автор
- Boxicons
- Лицензия
- MIT
- Размер
- 24 × 24
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.361 3.008H4.638c-.901 0-1.63.729-1.63 1.63v14.724c0 .9.729 1.631 1.63 1.631h14.724c.9 0 1.631-.73 1.631-1.631V4.638a1.63 1.63 0 0 0-1.632-1.63M9.018 6.505c.597 0 1.098.472 1.098 1.078c0 .616-.501 1.08-1.098 1.08v.022c-.604 0-1.09-.486-1.09-1.088c0-.605.486-1.092 1.09-1.092m7.354 10.352c-1.112 0-1.651-.662-1.651-1.566c0-.26.033-.533.114-.812l.528-1.906c.068-.208.086-.405.086-.581c0-.615-.375-.984-.971-.984c-.761 0-1.26.543-1.52 1.598l-1.033 4.146h-1.811l.327-1.303c-.534.873-1.271 1.412-2.183 1.412c-1.102 0-1.617-.632-1.617-1.584a4 4 0 0 1 .096-.811l.826-3.366H6.285l.388-1.43h3.075l-1.216 4.804c-.08.309-.11.559-.11.738c0 .307.148.396.385.452c.146.03 1.295.011 1.918-1.376l.798-3.188h-1.294l.391-1.404h2.787l-.359 1.617c.484-.899 1.452-1.762 2.406-1.762c1.012 0 1.855.728 1.855 2.111c0 .4-.063.796-.18 1.18l-.52 1.858a2.3 2.3 0 0 0-.075.492c0 .326.136.484.368.484c.238 0 .553-.181.899-1.172l.708.272c-.414 1.473-1.182 2.081-2.137 2.081"/></svg>
Как использовать иконку Invision
React
import { Icon } from "@iconify/react";
<Icon icon="bxl:invision" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="bxl:invision" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="bxl:invision" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[bxl--invision]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/bxl -->
<div class="i-bxl:invision"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="bxl:invision"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/bxl/invision.svg" alt="Иконка Invision" width="24" height="24">
Иконка Invision в других наборах
Вопросы и ответы: Иконка Invision
Можно ли бесплатно использовать иконку Invision в коммерческих проектах?
Да. Boxicons Brands icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Invision в React?
Установите @iconify/react и выведите <Icon icon="bxl:invision" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Invision на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/bxl/invision.svg" alt="Иконка Invision">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Boxicons Brands →
ICONYZ
