Icono Zen Color
arcticons:zen-color
El icono Zen Color (arcticons:zen-color) es un icono SVG gratuito de la colección Arcticons de Donnnno. Está dibujado en una cuadrícula de 48 × 48. Arcticons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Arcticons
- Autor
- Donnnno
- Licencia
- CC-BY-SA-4.0
- Tamaño
- 48 × 48
- Etiquetas
- zencolor
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m5.057 26.693l3.806-3.805m-2.518 5.611l5.237-5.236m-3.63 6.722l6.03-6.028m-4.224 7.316l6.424-6.422m-4.455 7.547l6.517-6.516m-4.392 7.485l6.269-6.268m-3.966 7.059l5.664-5.664m-.022 6.209l2.379-2.378m-5.473 2.378l4.569-4.567m1.057-10.337l6.603-6.602m-6.195 9.287l7.859-7.857m-7.189 10.28l7.737-7.735M25.82 27.587l7.11-7.108M25.68 30.82l6.155-6.153m-15.632.149c5.336 2.488 8.828 6.292 7.8 8.497h0c-1.028 2.205-6.188 1.976-11.524-.512s-8.828-6.292-7.8-8.497c1.029-2.205 6.188-1.976 11.524.512"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M24 20.536s0 0 0 0c2.084-4.903 5.206-8.007 7.29-7.249h0c2.286.832 2.508 5.99.494 11.522c-2.013 5.529-5.497 9.338-7.784 8.51m-.054-12.908q.294.682.55 1.383h0c1.898 5.215 1.825 10.159-.17 11.366"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M17.28 13.174q-.3.013-.57.112c-2.288.831-2.51 5.989-.497 11.52l.001.002l.006.016c5.327 2.488 8.81 6.285 7.784 8.488l-.002.004c2.286-.833 2.507-5.991.494-11.522c-1.83-5.026-4.916-8.714-7.215-8.62"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M31.78 24.82c-2.012 5.52-5.49 9.322-7.776 8.5c1.043 2.193 6.194 1.959 11.518-.524c5.335-2.487 8.827-6.29 7.799-8.496c-1.029-2.205-6.188-1.976-11.524.512q0 0 0 0zm-13.022-3.846a1.37 1.37 0 0 1 2.73-.154c.042.433-.095.86-.394 1.121c-.553.486-2.336 1.795-2.336 1.795h2.737"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M34.814 30.564v-4.13l-2.217 2.774h2.737"/></svg>
Cómo usar el icono Zen Color
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:zen-color" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:zen-color" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:zen-color" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--zen-color]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:zen-color"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:zen-color"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/arcticons/zen-color.svg" alt="Icono Zen Color" width="24" height="24">
Iconos relacionados en Arcticons
Preguntas frecuentes sobre Icono Zen Color
¿El icono Zen Color es gratis para uso comercial?
Sí. Arcticons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia.
¿Cómo uso el icono Zen Color en React?
Instala @iconify/react y renderiza <Icon icon="arcticons:zen-color" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Zen Color a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/arcticons/zen-color.svg" alt="Icono Zen Color">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Arcticons →
ICONYZ
