Icono Cat
andrsrxn:cat
El icono Cat (andrsrxn:cat) es un icono SVG gratuito de la colección andrsrxn/icons de Andrés Raxón. Está dibujado en una cuadrícula de 24 × 24. andrsrxn/icons se publican bajo la licencia MIT, 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
- andrsrxn/icons
- Autor
- Andrés Raxón
- Licencia
- MIT
- Tamaño
- 24 × 24
- Categoría
- Animales
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" fill-rule="evenodd" d="m4.15 2.7l4.43 1.46a9 9 0 0 1 6.78 0L19.7 2.7l1.4 1.46l-.75 5.1q.57 1.5.58 3.18A8.95 8.95 0 1 1 3.6 9.26L2.85 4.7zm7.96 15.08l1.89-2.1l-.41-1.44l-3.49.23l-.16 1.35z" clip-rule="evenodd" opacity=".2"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8.11 20.42q1.76.73 3.86.75q2.1-.02 3.86-.75M9.12 4.47a8.3 8.3 0 0 1 5.7 0"/><path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M14.85 4.46a7 7 0 0 1 3.03-1.43c1.16-.28 1.74-.42 2.5.18s.77 1.16.77 2.29q.01.8-.14 1.7c-.16.87-.24 1.31-.25 1.47c0 .16.09.78.26 2q.08.64.07 1.52M9.1 4.46a7 7 0 0 0-3.04-1.43c-1.16-.28-1.73-.42-2.5.18c-.76.6-.76 1.16-.77 2.29q-.01.8.14 1.7c.16.85.24 1.27.24 1.43s-.08.78-.25 2.03c-.06.42-.07.86-.07 1.44"/><path fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8.92 10.23a.57.57 0 1 1-1.15 0a.57.57 0 0 1 1.15 0m7.25 0a.57.57 0 1 1-1.15 0a.57.57 0 0 1 1.15 0"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13.2 14.05c-.61 0-1.05.4-1.2.61c-.15-.2-.59-.61-1.2-.61c-.78 0-1.35.78-1.1 1.6c.24.82 1.1 1.6 2.3 2.08c1.2-.39 2.06-1.26 2.3-2.08c.25-.82-.32-1.6-1.1-1.6m5.07.98l4.08.31m-16.68-.31l-3.9.31"/><path fill="currentColor" d="M17.21 17.03a.7.7 0 0 0-.89.5c-.1.41.15.84.55.96l.17-.73zm3.67 2.68c.4.12.8-.1.89-.5a.8.8 0 0 0-.55-.96l-.17.73zm-3.84-1.95l-.17.73l4.01 1.22l.17-.73l.17-.73l-4-1.22zm-10.31-.73c.4-.12.8.1.89.5c.1.41-.15.84-.55.96l-.17-.73zM3.11 19.7c-.4.12-.8-.1-.89-.5a.8.8 0 0 1 .55-.96l.17.73zm3.8-1.95l.16.73l-3.96 1.22l-.17-.73l-.17-.73l3.96-1.22z"/></g></svg>
Cómo usar el icono Cat
React
import { Icon } from "@iconify/react";
<Icon icon="andrsrxn:cat" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="andrsrxn:cat" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="andrsrxn:cat" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[andrsrxn--cat]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/andrsrxn -->
<div class="i-andrsrxn:cat"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="andrsrxn:cat"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/andrsrxn/cat.svg" alt="Icono Cat" width="24" height="24">
El icono Cat en otras colecciones
Preguntas frecuentes sobre Icono Cat
¿El icono Cat es gratis para uso comercial?
Sí. andrsrxn/icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Cat en React?
Instala @iconify/react y renderiza <Icon icon="andrsrxn:cat" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Cat a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/andrsrxn/cat.svg" alt="Icono Cat">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los andrsrxn/icons →
ICONYZ
