Icono Zen Browser Dark
thesvg-color:zen-browser-dark
El icono Zen Browser Dark (thesvg-color:zen-browser-dark) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 64 × 64. theSVG Color 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
- theSVG Color
- Autor
- thesvg.org
- Licencia
- MIT
- Tamaño
- 64 × 64
- Etiquetas
- zenbrowser, browserdark, zenbrowserdark
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="#f76f53" fill-rule="evenodd" clip-rule="evenodd"><path d="M32 44.308c6.797 0 12.308-5.51 12.308-12.308c0-6.797-5.51-12.308-12.308-12.308c-6.797 0-12.308 5.51-12.308 12.308c0 6.797 5.51 12.308 12.308 12.308M41.846 32c0 5.438-4.408 9.846-9.846 9.846S22.154 37.438 22.154 32s4.408-9.846 9.846-9.846s9.846 4.408 9.846 9.846"/><path d="M53.333 32c0 11.782-9.55 21.333-21.333 21.333S10.667 43.783 10.667 32S20.217 10.667 32 10.667S53.333 20.217 53.333 32M32 49.23c9.516 0 17.23-7.714 17.23-17.23S41.517 14.77 32 14.77S14.77 22.483 14.77 32S22.483 49.23 32 49.23"/><path d="M64 32c0 17.673-14.327 32-32 32S0 49.673 0 32S14.327 0 32 0s32 14.327 32 32M32 58.256c14.501 0 26.256-11.755 26.256-26.256S46.501 5.744 32 5.744S5.744 17.499 5.744 32S17.499 58.256 32 58.256"/></g></svg>
Cómo usar el icono Zen Browser Dark
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:zen-browser-dark" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:zen-browser-dark" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:zen-browser-dark" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--zen-browser-dark]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:zen-browser-dark"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:zen-browser-dark"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/zen-browser-dark.svg" alt="Icono Zen Browser Dark" width="24" height="24">
Iconos relacionados en theSVG Color
Preguntas frecuentes sobre Icono Zen Browser Dark
¿El icono Zen Browser Dark es gratis para uso comercial?
Sí. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Zen Browser Dark en React?
Instala @iconify/react y renderiza <Icon icon="thesvg-color:zen-browser-dark" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Zen Browser Dark a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/thesvg-color/zen-browser-dark.svg" alt="Icono Zen Browser Dark">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos theSVG Color →
ICONYZ
