Icône Owl Filled
boxicons:owl-filled
L'icône Owl Filled (boxicons:owl-filled) est une icône SVG gratuite de la collection Boxicons. Elle est dessinée sur une grille de 24 × 24. Les Boxicons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
Code 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-3m6 5c0-1.38-.67-2-1.5-2s-1.5.62-1.5 2s1.5 3 1.5 3s1.5-1.62 1.5-3"/><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.95-.71 1.46A9.8 9.8 0 0 0 2 11.99c0 .17.02.33.03.5H2v9.5h20v-9.5h-.03c0-.17.03-.33.03-.5c0-1.26-.23-2.49-.69-3.64c-.2-.51-.44-1-.71-1.46c.93-.8 1.4-2.1 1.4-3.89M4 12c0-.98.17-1.93.52-2.82c.04-.07.09-.13.13-.19c.04-.05.07-.11.11-.16c.05-.07.11-.13.17-.19c.04-.05.09-.1.13-.14c.06-.06.13-.11.19-.16c.05-.04.1-.09.15-.13c.07-.05.14-.09.21-.14c.05-.03.11-.07.16-.1c.08-.04.16-.08.23-.11c.06-.03.11-.06.17-.08c.09-.03.17-.06.26-.09l.1-.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.47h2a3.504 3.504 0 0 1 3.95-3.47c.13.04.31.07.51.11c.03 0 .07.02.1.03c.09.03.18.05.26.09c.06.02.11.05.17.08c.08.04.16.07.24.12c.06.03.11.07.16.1c.07.05.14.09.21.14c.05.04.1.08.15.13l.19.16c.05.05.09.1.13.15c.06.06.12.12.17.19c.04.05.08.11.11.16c.05.06.09.13.13.2c.34.89.52 1.84.52 2.82c0 4.41-3.59 8-8 8s-8-3.59-8-8Z"/></svg>Comment utiliser l'icône Owl Filled
React
import { Icon } from "@iconify/react";
<Icon icon="boxicons:owl-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="boxicons:owl-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="boxicons:owl-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[boxicons--owl-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/boxicons -->
<div class="i-boxicons:owl-filled"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="boxicons:owl-filled"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/boxicons/owl-filled.svg" alt="Icône Owl Filled" width="24" height="24">Icônes similaires dans Boxicons
FAQ : Icône Owl Filled
L'icône Owl Filled est-elle gratuite pour un usage commercial ?
Oui. Les Boxicons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Owl Filled dans React ?
Installez @iconify/react et affichez <Icon icon="boxicons:owl-filled" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Owl Filled à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/boxicons/owl-filled.svg" alt="Icône Owl Filled">, ou collez le code SVG directement dans la page pour le styliser en CSS.