Icono Preact
meteor-icons:preact
El icono Preact (meteor-icons:preact) es un icono SVG gratuito de la colección Meteor Icons de zkreations. Está dibujado en una cuadrícula de 24 × 24. Meteor 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
- Meteor Icons
- Autor
- zkreations
- 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 fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 10c4-4 6-4 7-3s1 3-3 7s-6 4-7 3s-1-3 3-7m4 0c-4-4-6-4-7-3s-1 3 3 7s6 4 7 3s1-3-3-7m-2 2ZM2.5 6.5v11L12 23l9.5-5.5v-11L12 1Zv11L12 23l9.5-5.5v-11L12 1Z"/></svg>Cómo usar el icono Preact
React
import { Icon } from "@iconify/react";
<Icon icon="meteor-icons:preact" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="meteor-icons:preact" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="meteor-icons:preact" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[meteor-icons--preact]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/meteor-icons -->
<div class="i-meteor-icons:preact"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="meteor-icons:preact"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/meteor-icons/preact.svg" alt="Icono Preact" width="24" height="24">El icono Preact en otras colecciones
Preguntas frecuentes sobre Icono Preact
¿El icono Preact es gratis para uso comercial?
Sí. Meteor Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Preact en React?
Instala @iconify/react y renderiza <Icon icon="meteor-icons:preact" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Preact a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/meteor-icons/preact.svg" alt="Icono Preact">, o pega el código SVG en línea para darle estilo con CSS.