Icono Coala
material-icon-theme:coala
El icono Coala (material-icon-theme:coala) es un icono SVG gratuito de la colección Material Icon Theme de Material Extensions. Está dibujado en una cuadrícula de 24 × 24. Material Icon Theme 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
- Material Icon Theme
- Autor
- Material Extensions
- Licencia
- MIT
- Tamaño
- 24 × 24
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path xmlns="http://www.w3.org/2000/svg" fill="#90a4ae" d="M22 8.95c0-2.59-1.74-3.63-3.89-3.63c-.9 0-1.83.2-2.6.57c-1-.69-2.17-1.09-3.51-1.09s-2.51.41-3.51 1.09c-.78-.38-1.7-.57-2.6-.57C3.74 5.32 2 6.35 2 8.95c0 2.14 1.18 3.56 2.8 4c-.02.3-.04.6-.04.89c0 3.18 2.51 4.26 4.77 4.63c.61.45 1.49.73 2.47.73s1.86-.28 2.47-.73c2.26-.36 4.77-1.44 4.77-4.63c0-.3-.01-.6-.04-.89c1.62-.44 2.8-1.87 2.8-4"/><path xmlns="http://www.w3.org/2000/svg" fill="#f8bbd0" d="M7.31 6.9c-.18-.02-.35-.03-.53-.03c-1.72 0-3.11.83-3.11 2.9c0 1.2.47 2.12 1.19 2.68c.26-2.11 1.11-4.12 2.45-5.55m9.91-.03c-.18 0-.35.01-.53.03c1.34 1.43 2.19 3.44 2.45 5.55c.72-.56 1.19-1.48 1.19-2.68c0-2.07-1.39-2.9-3.11-2.9"/><path xmlns="http://www.w3.org/2000/svg" fill="#263238" d="M14.07 15.21c0 1.86-.96 2.33-2.07 2.33s-2.07-.47-2.07-2.33s.96-3.36 2.07-3.36s2.07 1.51 2.07 3.36M9.5 11.75a1.25 1.25 0 1 1-2.5 0a1.25 1.25 0 0 1 2.5 0m7.5 0a1.25 1.25 0 1 1-2.5 0a1.25 1.25 0 0 1 2.5 0"/></svg>Cómo usar el icono Coala
React
import { Icon } from "@iconify/react";
<Icon icon="material-icon-theme:coala" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-icon-theme:coala" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-icon-theme:coala" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--coala]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:coala"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-icon-theme:coala"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/material-icon-theme/coala.svg" alt="Icono Coala" width="24" height="24">Preguntas frecuentes sobre Icono Coala
¿El icono Coala es gratis para uso comercial?
Sí. Material Icon Theme icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Coala en React?
Instala @iconify/react y renderiza <Icon icon="material-icon-theme:coala" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Coala a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/material-icon-theme/coala.svg" alt="Icono Coala">, o pega el código SVG en línea para darle estilo con CSS.