Иконка Owl

boxicons:owl

Иконка Owl (boxicons:owl) — бесплатная SVG-иконка из набора Boxicons. Она нарисована на сетке 24 × 24. Boxicons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Boxicons
Автор: Boxicons
Лицензия: 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="M16.5 10a1.5 1.5 0 1 0 0 3a1.5 1.5 0 1 0 0-3m-9 0a1.5 1.5 0 1 0 0 3a1.5 1.5 0 1 0 0-3m4.5 3c-.83 0-1.5.62-1.5 2s1.5 3 1.5 3s1.5-1.62 1.5-3s-.67-2-1.5-2"/><path fill="currentColor" d="M22 3h-2c0 .77-.11 1.74-.59 2.27C17.56 3.22 14.9 2 12 2S6.45 3.22 4.59 5.27C4.11 4.74 4 3.76 4 3H2c0 1.79.48 3.1 1.4 3.89c-.27.46-.51.94-.71 1.45A9.8 9.8 0 0 0 2 11.99c0 .17.02.33.03.5H2v9.5h2v-4.03c1.83 2.44 4.73 4.03 8 4.03s6.17-1.59 8-4.03v4.03h2v-9.5h-.03c0-.17.03-.33.03-.5c0-1.27-.23-2.49-.69-3.65c-.2-.51-.44-.99-.71-1.45c.93-.8 1.4-2.1 1.4-3.89M12 4c1.73 0 3.36.54 4.69 1.5h-.18c-.13 0-.26.02-.39.02h-.16a5.5 5.5 0 0 0-3.95 2.3c-.18-.25-.39-.5-.61-.72a5.44 5.44 0 0 0-3.89-1.62h-.19a7.97 7.97 0 0 1 4.69-1.5Zm0 16c-4.41 0-8-3.59-8-8c0-.98.17-1.93.52-2.82c.04-.06.08-.12.13-.18c.04-.06.08-.12.12-.17c.05-.06.11-.12.16-.18c.05-.05.09-.1.14-.15c.06-.06.12-.11.19-.16c.05-.04.1-.09.15-.13c.07-.05.14-.09.21-.14c.05-.04.11-.07.16-.11c.07-.04.15-.08.23-.11c.06-.03.11-.06.17-.08c.08-.03.17-.06.26-.09l.11-.03c.2-.03.37-.07.51-.11q.225-.03.45-.03c.94 0 1.82.36 2.48 1.03c.66.65 1.02 1.53 1.02 2.47c0 .55.45 1 1 1s1-.45 1-1a3.504 3.504 0 0 1 3.95-3.47c.13.04.31.07.51.11l.11.03c.09.03.17.05.26.09c.06.02.11.05.17.08c.08.04.16.07.23.11c.06.03.11.07.16.11c.07.04.14.09.21.14c.05.04.1.09.15.13c.06.05.13.1.19.16c.05.05.09.1.14.15c.06.06.11.12.16.18c.04.05.08.11.12.17s.09.12.13.18c.34.89.52 1.84.52 2.82c0 4.41-3.59 8-8 8Z"/></svg>

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

React

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

<Icon icon="boxicons:owl" width="24" />

Vue

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

<template>
  <Icon icon="boxicons:owl" width="24" />
</template>

Svelte

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

<Icon icon="boxicons:owl" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="boxicons:owl"></iconify-icon>

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

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

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

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

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

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

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

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

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

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

Все Boxicons →