Icono Projector Screen
streamline-plump-color:projector-screen
El icono Projector Screen (streamline-plump-color:projector-screen) es un icono SVG gratuito de la colección Plump color icons de Streamline. Está dibujado en una cuadrícula de 48 × 48. Plump 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
- Plump color icons
- Autor
- Streamline
- Licencia
- CC-BY-4.0
- Tamaño
- 48 × 48
- Categoría
- Interfaz esencial
- Etiquetas
- projectorscreen
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="3"><path fill="#8fbffa" d="M5.042 35.986c.101-1.114 1.066-1.728 2.184-1.77C9.572 34.127 14.576 34 24 34c9.423 0 14.428.127 16.774.216c1.118.042 2.083.656 2.184 1.77q.04.435.042 1.014c.002.579-.016.723-.042 1.014c-.101 1.114-1.066 1.728-2.184 1.77c-2.346.089-7.35.216-16.774.216s-14.428-.127-16.774-.216c-1.118-.042-2.083-.656-2.184-1.77Q5.002 37.579 5 37c-.002-.579.016-.723.042-1.014"/><path fill="#fff" d="M7 21.5V8.83c3.02.081 8.31.17 17 .17s13.98-.089 17-.17V21.5c0 5.952-.157 10.19-.29 12.713C38.34 34.125 33.34 34 24 34s-14.338.125-16.71.213C7.157 31.69 7 27.452 7 21.5"/><path fill="#8fbffa" d="M3.06 4.872c.12-1.053 1.055-1.608 2.115-1.646C7.635 3.137 13.185 3 24 3s16.364.137 18.825.226c1.06.038 1.995.593 2.116 1.646c.036.316.059.69.059 1.128c0 .439-.023.812-.06 1.128c-.12 1.053-1.055 1.608-2.115 1.646C40.365 8.863 34.815 9 24 9S7.636 8.863 5.175 8.774c-1.06-.038-1.995-.593-2.116-1.646A10 10 0 0 1 3 6c0-.439.023-.812.06-1.128"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M3.06 4.872c.12-1.053 1.055-1.608 2.115-1.646C7.635 3.137 13.185 3 24 3s16.364.137 18.825.226c1.06.038 1.995.593 2.116 1.646c.036.316.059.69.059 1.128c0 .439-.023.812-.06 1.128c-.12 1.053-1.055 1.608-2.115 1.646C40.365 8.863 34.815 9 24 9S7.636 8.863 5.175 8.774c-1.06-.038-1.995-.593-2.116-1.646A10 10 0 0 1 3 6c0-.439.023-.812.06-1.128m1.982 31.114c.101-1.114 1.066-1.728 2.184-1.77C9.572 34.127 14.576 34 24 34c9.423 0 14.428.127 16.774.216c1.118.042 2.083.656 2.184 1.77q.04.435.042 1.014c.002.579-.016.723-.042 1.014c-.101 1.114-1.066 1.728-2.184 1.77c-2.346.089-7.35.216-16.774.216s-14.428-.127-16.774-.216c-1.118-.042-2.083-.656-2.184-1.77Q5.002 37.579 5 37c-.002-.579.016-.723.042-1.014"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M7 8.83V21.5c0 5.952.157 10.19.29 12.713M41 8.83V21.5c0 5.952-.157 10.19-.29 12.713M24 40v6"/></g></svg>Cómo usar el icono Projector Screen
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:projector-screen" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:projector-screen" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:projector-screen" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--projector-screen]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:projector-screen"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump-color:projector-screen"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/projector-screen.svg" alt="Icono Projector Screen" width="24" height="24">Iconos relacionados en Plump color icons
El icono Projector Screen en otras colecciones
Preguntas frecuentes sobre Icono Projector Screen
¿El icono Projector Screen es gratis para uso comercial?
Sí. Plump 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 Projector Screen en React?
Instala @iconify/react y renderiza <Icon icon="streamline-plump-color:projector-screen" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Projector Screen a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/projector-screen.svg" alt="Icono Projector Screen">, o pega el código SVG en línea para darle estilo con CSS.