Icono Module Four
streamline-ultimate-color:module-four
El icono Module Four (streamline-ultimate-color:module-four) es un icono SVG gratuito de la colección Ultimate color icons de Streamline. Está dibujado en una cuadrícula de 24 × 24. Ultimate color icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Ultimate color icons
- Autor
- Streamline
- Licencia
- CC-BY-4.0
- Tamaño
- 24 × 24
- Categoría
- Programación, apps y sitios web
- Etiquetas
- modulefour
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="#78eb7b" d="m20.8 7.978l1.626.707a.96.96 0 0 1 .574.877v6.387a.96.96 0 0 1-.588.882L11.904 21.21a.96.96 0 0 1-.765-.012L1.561 16.84A.96.96 0 0 1 1 15.97V9.56a.96.96 0 0 1 .574-.876l1.887-.821L12 4.152z"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="m3.462 7.864l-1.888.82A.96.96 0 0 0 1 9.563v6.408a.96.96 0 0 0 .56.87l9.58 4.357a.96.96 0 0 0 .764.012l10.506-4.378a.96.96 0 0 0 .588-.883V9.562a.96.96 0 0 0-.574-.877L20.8 7.978"/><path fill="#c9f7ca" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M12 11.326c1.585 0 2.87-.643 2.87-1.435c0-.793-1.285-1.435-2.87-1.435s-2.87.642-2.87 1.435c0 .792 1.285 1.435 2.87 1.435m0-5.74c1.585 0 2.87-.642 2.87-1.434S13.585 2.717 12 2.717s-2.87.642-2.87 1.435S10.415 5.586 12 5.586m6.695 2.87c1.585 0 2.87-.642 2.87-1.435s-1.285-1.435-2.87-1.435s-2.87.643-2.87 1.435s1.285 1.435 2.87 1.435m-12.913 0c1.585 0 2.87-.642 2.87-1.435s-1.285-1.435-2.87-1.435s-2.87.643-2.87 1.435s1.285 1.435 2.87 1.435"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="m9.835 5.093l-2.061.896m8.716.115l-2.327-1.012m-2.641 8.625v7.564M22.823 9.008l-11.301 4.709m0 0L1.172 9.013"/></g></svg>Cómo usar el icono Module Four
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-ultimate-color:module-four" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-ultimate-color:module-four" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-ultimate-color:module-four" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-ultimate-color--module-four]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-ultimate-color -->
<div class="i-streamline-ultimate-color:module-four"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-ultimate-color:module-four"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/module-four.svg" alt="Icono Module Four" width="24" height="24">Iconos relacionados en Ultimate color icons
Preguntas frecuentes sobre Icono Module Four
¿El icono Module Four es gratis para uso comercial?
Sí. Ultimate color icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Module Four en React?
Instala @iconify/react y renderiza <Icon icon="streamline-ultimate-color:module-four" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Module Four a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/module-four.svg" alt="Icono Module Four">, o pega el código SVG en línea para darle estilo con CSS.