ICONYZ
Español
Icono Owl de IconPark

Icono Owl

icon-park:owl

El icono Owl (icon-park:owl) es un icono SVG gratuito de la colección IconPark de ByteDance. Está dibujado en una cuadrícula de 48 × 48. IconPark icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
IconPark
Autor
ByteDance
Licencia
Apache-2.0
Tamaño
48 × 48
Categoría
Animales
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="4"><path fill="#2F88FF" stroke="#000" stroke-linecap="round" stroke-linejoin="round" d="M6.35826 7.30954C9.01959 11.1582 12.544 12.4023 14.2182 12.5245C17.0733 11.1273 20.4207 10.3232 24 10.3232C27.5793 10.3232 30.9267 11.1272 33.7818 12.5245C35.456 12.4023 38.9804 11.1582 41.6417 7.30954C42.3988 6.4886 44.6721 6.8713 43.8063 13.8831C43.5173 15.6385 42.7186 19.4684 42.1897 21.3732C42.6781 22.7341 42.9399 24.1731 42.9399 25.6616C42.9399 34.1328 34.4602 41 24 41C13.5398 41 5.06009 34.1328 5.06009 25.6616C5.06009 24.1731 5.3219 22.7341 5.81026 21.3732C5.28138 19.4684 4.48265 15.6385 4.19369 13.8831C3.32787 6.8713 5.60125 6.4886 6.35826 7.30954Z"/><path stroke="#fff" stroke-linejoin="round" d="M25 31.25C25 31.9404 24 35 24 35C24 35 23 31.9404 23 31.25C23 30.5596 23.4477 30 24 30C24.5523 30 25 30.5596 25 31.25Z"/><circle cx="17" cy="22" r="4" fill="#43CCF8" stroke="#fff"/><circle cx="31" cy="22" r="4" fill="#43CCF8" stroke="#fff"/></g></svg>

Cómo usar el icono Owl

React

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

<Icon icon="icon-park:owl" width="24" />

Vue

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

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

Svelte

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

<Icon icon="icon-park:owl" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Imagen HTML

<img src="https://iconyz.com/api/public/svg/icon-park/owl.svg" alt="Icono Owl" width="24" height="24">

El icono Owl en otras colecciones

Preguntas frecuentes sobre Icono Owl

¿El icono Owl es gratis para uso comercial?

Sí. IconPark icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Owl en React?

Instala @iconify/react y renderiza <Icon icon="icon-park:owl" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Owl a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/icon-park/owl.svg" alt="Icono Owl">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos IconPark →