Webcam Outline icon

solar:webcam-outline

The Webcam Outline icon (solar:webcam-outline) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: Video
Tags: webcamoutline

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M11.9998 6.25029C14.0709 6.25029 15.7498 7.92922 15.7498 10.0003C15.7496 12.0712 14.0707 13.7503 11.9998 13.7503C9.92891 13.7502 8.25002 12.0711 8.2498 10.0003C8.2498 7.92925 9.92877 6.25034 11.9998 6.25029ZM11.9998 7.75029C10.7572 7.75034 9.7498 8.75768 9.7498 10.0003C9.75002 11.2427 10.7573 12.2502 11.9998 12.2503C13.2423 12.2503 14.2496 11.2427 14.2498 10.0003C14.2498 8.75765 13.2424 7.75029 11.9998 7.75029Z" clip-rule="evenodd"/><path d="M11.9998 3.75127C12.414 3.75127 12.7498 4.08705 12.7498 4.50127C12.7496 4.9153 12.4139 5.25127 11.9998 5.25127C11.5858 5.25122 11.25 4.91527 11.2498 4.50127C11.2498 4.08708 11.5856 3.75131 11.9998 3.75127Z"/><path fill-rule="evenodd" d="M11.9412 1.25029C16.7688 1.28925 20.7108 5.23127 20.7498 10.0589C20.7867 14.6629 17.2608 18.4093 12.7498 18.7259V21.2503H15.9998C16.414 21.2503 16.7498 21.5861 16.7498 22.0003C16.7496 22.4143 16.4139 22.7503 15.9998 22.7503H7.9998C7.58576 22.7502 7.25002 22.4143 7.2498 22.0003C7.2498 21.5861 7.58563 21.2503 7.9998 21.2503H11.2498V18.7044C6.79841 18.2608 3.28676 14.4965 3.2498 9.9417C3.21082 5.10473 7.10426 1.21135 11.9412 1.25029ZM11.9295 2.75029C7.93033 2.71806 4.71753 5.93081 4.7498 9.92998C4.78252 13.9382 8.06187 17.2177 12.0701 17.2503C16.0692 17.2826 19.2819 14.0696 19.2498 10.0706C19.2173 6.06218 15.9379 2.78279 11.9295 2.75029Z" clip-rule="evenodd"/></g></svg>

How to use the Webcam Outline icon

React

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

<Icon icon="solar:webcam-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:webcam-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:webcam-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--webcam-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:webcam-outline"></div>

Web component

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

<iconify-icon icon="solar:webcam-outline"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/webcam-outline.svg" alt="Webcam Outline icon" width="24" height="24">

Related icons in Solar

Webcam Outline icon FAQ

Is the Webcam Outline icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Webcam Outline icon in React?

Install @iconify/react and render <Icon icon="solar:webcam-outline" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Webcam Outline icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/webcam-outline.svg" alt="Webcam Outline icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →