Иконка Discover
bxl:discover
Иконка Discover (bxl:discover) — бесплатная 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="M21.33 5.61H2.67c-.37 0-.67.3-.67.67v11.44c0 .37.3.67.67.67h18.67c.37 0 .67-.3.67-.67V6.26c0-.37-.3-.65-.67-.65ZM21.01 12c0 3.4-2.75 6.18-6.18 6.18H2.67c-.25 0-.44-.19-.44-.44V6.28c0-.25.19-.44.44-.44h12.18c3.4-.02 6.18 2.75 6.18 6.16Z"/><path fill="currentColor" d="M3.72 10.61h-.77v2.72h.77c.4 0 .7-.11.96-.32c.32-.26.49-.65.49-1.04c0-.81-.6-1.37-1.46-1.37Zm.61 2.04c-.16.16-.39.21-.72.21h-.14v-1.79h.14c.33 0 .54.05.72.23c.18.16.3.42.3.68c0 .25-.11.51-.3.67m1.09-2.04h.53v2.72h-.53zm1.83 1.04c-.32-.12-.4-.19-.4-.33c0-.18.16-.3.39-.3c.16 0 .28.07.42.23l.28-.37c-.23-.19-.51-.3-.79-.3c-.47 0-.84.33-.84.77c0 .37.18.56.67.74c.21.07.32.12.37.16c.11.07.16.18.16.28c0 .23-.18.39-.4.39c-.25 0-.46-.12-.58-.37l-.33.33c.25.35.54.51.95.51c.54 0 .93-.37.93-.89c-.04-.42-.21-.61-.81-.84Zm.94.31c0 .79.63 1.42 1.44 1.42c.23 0 .42-.05.67-.16v-.63c-.21.21-.4.3-.63.3c-.53 0-.91-.39-.91-.93s.39-.93.89-.93c.25 0 .44.09.67.3v-.63c-.23-.12-.42-.18-.65-.18c-.82.02-1.47.65-1.47 1.44Zm6.3.48l-.72-1.83h-.58l1.14 2.79h.28l1.18-2.79h-.56zm1.55.89h1.5v-.47h-.98v-.72h.95v-.47h-.95v-.6h.98v-.46h-1.5zm3.59-1.93c0-.51-.35-.81-.96-.81h-.79v2.74h.53v-1.09h.07l.74 1.09h.65l-.86-1.14c.42-.09.63-.37.63-.79Zm-1.05.46h-.16v-.82h.16c.33 0 .51.14.51.4c0 .28-.18.42-.51.42m1.47-1.11c0-.05-.04-.07-.09-.07h-.07v.25h.05v-.09l.07.09h.07l-.07-.11s.04-.04.04-.07m-.11.04l-.02-.07h.02s.04.02.04.04c.02.02 0 .04-.04.04Z"/><path fill="currentColor" d="M19.98 10.6c-.12 0-.21.09-.21.21s.09.21.21.21c.11 0 .21-.09.21-.21c-.02-.12-.11-.21-.21-.21m0 .37c-.09 0-.16-.07-.16-.18c0-.09.07-.18.16-.18s.16.07.16.18s-.07.18-.16.18m-6.65.99c0 .79-.65 1.44-1.44 1.44s-1.44-.65-1.44-1.44s.65-1.44 1.44-1.44s1.44.65 1.44 1.44"/></svg>
Как использовать иконку Discover
React
import { Icon } from "@iconify/react";
<Icon icon="bxl:discover" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="bxl:discover" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="bxl:discover" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[bxl--discover]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/bxl -->
<div class="i-bxl:discover"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="bxl:discover"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/bxl/discover.svg" alt="Иконка Discover" width="24" height="24">
Иконка Discover в других наборах
Вопросы и ответы: Иконка Discover
Можно ли бесплатно использовать иконку Discover в коммерческих проектах?
Да. Boxicons Brands icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Discover в React?
Установите @iconify/react и выведите <Icon icon="bxl:discover" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Discover на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/bxl/discover.svg" alt="Иконка Discover">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Boxicons Brands →
ICONYZ
