ICONYZ
Español
Icono Dome Light de IconPark

Icono Dome Light

icon-park:dome-light

El icono Dome Light (icon-park:dome-light) es un icono SVG gratuito de la colección IconPark de ByteDance. Está dibujado en una cuadrícula de 49 × 48. IconPark icons se publican bajo la licencia Apache 2.0, 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
IconPark
Autor
ByteDance
Licencia
Apache-2.0
Tamaño
49 × 48
Categoría
Hardware
Etiquetas
domelight
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="49" height="48" viewBox="0 0 49 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" d="M24.7778 8C13.7321 8 4.77783 16.9543 4.77783 28H44.7778C44.7778 16.9543 35.8235 8 24.7778 8Z"/><path d="M24.7778 4V8"/><path d="M24.7778 38C19.255 38 14.7778 33.5228 14.7778 28H34.7778C34.7778 33.5228 30.3007 38 24.7778 38Z"/><path d="M40.8118 38.9766L38.7437 36.0231"/><path d="M11.0525 36.2251L8.50298 38.7746"/><path d="M34.7778 42L33.6307 40.3617"/><path d="M15.9114 40.4736L14.4972 41.8878"/></g></svg>

Cómo usar el icono Dome Light

React

import { Icon } from "@iconify/react";

<Icon icon="icon-park:dome-light" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="icon-park:dome-light" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="icon-park:dome-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--dome-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:dome-light"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="icon-park:dome-light"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/icon-park/dome-light.svg" alt="Icono Dome Light" width="24" height="24">

Iconos relacionados en IconPark

El icono Dome Light en otras colecciones

Preguntas frecuentes sobre Icono Dome Light

¿El icono Dome Light es gratis para uso comercial?

Sí. IconPark icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Dome Light en React?

Instala @iconify/react y renderiza <Icon icon="icon-park:dome-light" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Dome Light a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/icon-park/dome-light.svg" alt="Icono Dome Light">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos IconPark →