Home/Libraries/Freehand free icons (Iconify)/webcam

Freehand free icons (Iconify)

Webcam

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g fill="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><path d="M12.16 17.51a3.9 3.9 0 0 0 1.39.11a7.8 7.8 0 0 0 2.297-.57c7.302-2.906 8.301-13.895.27-16.552A11.3 11.3 0 0 0 12 .028a11.24 11.24 0 0 0-5.993 1.51C2.86 3.655.813 9.249 3.51 13.474a7.6 7.6 0 0 0 2.867 2.648a.3.3 0 0 0-.08.08c-1 1.228-1.838 1.478-2.518 5.344c-.2 1.109 0 1.998 1.05 2.198c1.797.33 12.087.5 14.644-.5a.89.89 0 0 0 .52-.64a7 7 0 0 0-.35-3.096a7.3 7.3 0 0 0-1.369-2.437c-.35-.35-.739-.19-.739.14a7.55 7.55 0 0 1 1.618 4.295c0 .22-.09.889-.09.889c-3.335.425-6.7.572-10.06.44c-4.145 0-4.205 0-4.285-.32c-.025-1.223.168-2.44.57-3.596c.56-1.529 1.628-2.158 1.588-2.568a7.4 7.4 0 0 0 2.488.66a.35.35 0 0 0 .05-.69a6.75 6.75 0 0 1-5.205-3.306c-2.328-3.816-.33-8.76 2.467-10.53a10.23 10.23 0 0 1 5.395-1.278a10.2 10.2 0 0 1 3.686.39c7.122 2.327 6.233 12.067-.18 14.814c-2.737 1.17-3.396.29-3.486.29c-.37-.01-.48.57.07.81"/><path d="M7.675 9.139c-1.288 3.706 2.747 6.074 6.174 4.625c4.146-1.748 3.286-7.372-.75-7.522a.34.34 0 0 0-.359.32c-.05.649 1.059.07 2.128 1.178a3.087 3.087 0 0 1-1.459 4.995c-2.587 1-5.704-.43-4.915-3.306a3.33 3.33 0 0 1 2.318-2.408a.3.3 0 0 0-.12-.59A4.05 4.05 0 0 0 7.675 9.14M11.9 2.686a.31.31 0 0 0-.119-.6a1.568 1.568 0 0 0-.78 2.688c1.26.998 3.257.07 2.998-1.519a1.4 1.4 0 0 0-1.389-1.229a.35.35 0 0 0 0 .69a.56.56 0 0 1 .52.619c0 .6-1 .91-1.449.57s-.24-1.08.22-1.22"/><path d="M14.119 10.438a1.8 1.8 0 0 0 .3-1.17a1.167 1.167 0 0 0-1.629-.908c-.9.17.84.719.68 1.838a.35.35 0 0 0 .649.24"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. WebcamIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.