Projector Three icon
icon-park:projector-three
The Projector Three icon (icon-park:projector-three) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Hardware
- Tags
- projectorthree
SVG code
<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>
How to use the Projector Three icon
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>
HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/projector-three.svg" alt="Projector Three icon" width="24" height="24">
Related icons in IconPark
Projector Three icon in other icon sets
Projector Three icon FAQ
Is the Projector Three icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Projector Three icon in React?
Install @iconify/react and render <Icon icon="icon-park:projector-three" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Projector Three icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/projector-three.svg" alt="Projector Three icon">, or paste the SVG code inline to style it with CSS.
Browse all IconPark icons →
ICONYZ
