Icono Projector Three
icon-park:projector-three
El icono Projector Three (icon-park:projector-three) es un icono SVG gratuito de la colección IconPark de ByteDance. Está dibujado en una cuadrícula de 48 × 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
- 48 × 48
- Categoría
- Hardware
- Etiquetas
- projectorthree
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#2F88FF" d="M6 38V32H12H36H42V38H36V32H12V38H6Z"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M42 38V32H36V38H42Z"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M6 38V32H12V38H6Z"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M24 16H4V32H6H12H36H42H44V16H38"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M10 24H18"/><path fill="#2F88FF" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M31 23C34.866 23 38 19.866 38 16C38 12.134 34.866 9 31 9C27.134 9 24 12.134 24 16C24 19.866 27.134 23 31 23Z"/><path fill="#fff" d="M31 19C32.6569 19 34 17.6569 34 16C34 14.3431 32.6569 13 31 13C29.3431 13 28 14.3431 28 16C28 17.6569 29.3431 19 31 19Z"/></g></svg>Cómo usar el icono Projector Three
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:projector-three" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:projector-three" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:projector-three" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--projector-three]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:projector-three"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:projector-three"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/icon-park/projector-three.svg" alt="Icono Projector Three" width="24" height="24">Iconos relacionados en IconPark
El icono Projector Three en otras colecciones
Preguntas frecuentes sobre Icono Projector Three
¿El icono Projector Three 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 Projector Three en React?
Instala @iconify/react y renderiza <Icon icon="icon-park:projector-three" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Projector Three a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/icon-park/projector-three.svg" alt="Icono Projector Three">, o pega el código SVG en línea para darle estilo con CSS.