Home/Libraries/Freehand free icons (Iconify)/video-file-camera

Freehand free icons (Iconify)

VideoFileCamera

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"><path fill="#818cf8" d="M20.676 5.431c0-1.419-.87-1.659-1.878-2.518c-1.01-.86-1.72-1.689-2.658-2.418c-.55-.43-1.14 1-1.21 1.179c-.43.9-1.528 2.258-1.139 3.417c.39 1.16 3.398 1.17 4.747 1.1c.5.024.998-.065 1.459-.26c0 .52-.13 1.049-.14 1.389a58 58 0 0 1-.43 8.833a24.5 24.5 0 0 1-.7 3.218c-.15.33-.37.61-1.148.759c-2.954.257-5.92.35-8.884.28c-2.148 0-4.946.38-6.875-.66c1.19-1.948 1.19-5.236 2.189-18.026c.44-.37 7.534-1.14 7.994-1.15a4.5 4.5 0 0 1 1.589.16a.27.27 0 0 0 .18-.499a5.2 5.2 0 0 0-1.77-.23c-.759 0-6.994.65-7.873.9c-.52.15-.69.36-.79.619c-.16.42-1.119 11.362-1.399 13.77C1.5 19.12.641 19.29.641 19.88a.63.63 0 0 0 .3.55c2.218 1.459 5.266 1 7.714 1c8.334 0 10.192-.06 10.882-1.71c.33-1.131.57-2.287.72-3.457c.322-2.986.422-5.992.3-8.993c0-.39.14-1.17.12-1.839m-1.259 0c-.6.1-4.496-.23-4.676-.7c-.18-.469.45-1.728 1.069-3.597l.06-.07c.999.79 1.609 1.58 2.498 2.349s1.529.979 1.629 1.788c-.18.05-.17.17-.58.23"/><path fill="#818cf8" d="M6.257 16.243c1.431.26 2.882.394 4.337.4c.46 0 1.439.29 1.908-.26c.39-.693.564-1.486.5-2.278a7.3 7.3 0 0 0 1.898.889a1 1 0 0 0 1.22-.54c.4-1.478.472-3.027.21-4.536c-.06-.61-.09-1.569-.71-1.779s-1.589.63-2.068.94c-.3.19-1 .479-1.27.839a.27.27 0 0 0 .043.41a.27.27 0 0 0 .397-.11a6.2 6.2 0 0 1 1.14-.65c.3-.18 1.238-.93 1.548-.82s.21 1 .22 1.23a10 10 0 0 1-.31 4.157c0 .06-.09 0-.14 0a8.4 8.4 0 0 1-2.348-1.26a.53.53 0 0 0-.77.37c-.12.41 0 1.999-.3 2.448a7 7 0 0 0-1.108-.06c-4.297-.25-4.567-.08-4.747-1.308c0-.16-.15-3.378-.15-3.468c0-.73-.06-1.918.32-2.208a3.7 3.7 0 0 1 1.669-.65a28 28 0 0 1 3.887-.1c.54.06.49.14.5.48c0 .69-.23 1.219.23 1.229a.31.31 0 0 0 .32-.29c0-.999.369-1.808-.78-1.998a23 23 0 0 0-4.267 0c-1 .12-2.188.46-2.548 1.359a15 15 0 0 0-.19 3.997c.04 1.369-.25 3.067 1.359 3.567"/><path fill="#818cf8" fill-rule="evenodd" d="M22.535 6.73c0 1.38-.31 6.995-.44 7.884s-.28 1.639-.38 2.468c0 .32-.15 4.147-1.129 4.707c-1.369.8-2.997.47-4.466.71c-.92.15-2.888.449-4.077.499c-4.617.18-4.597.37-5.756-.08c-.67-.21-.79.44-.36.68a3.6 3.6 0 0 0 1.54.39a51.3 51.3 0 0 0 8.793-.56c1.498-.24 3.207.1 4.796-.82s1.489-4.836 1.549-5.406c.09-.82.24-1.628.34-2.448s.46-6.395.41-7.944c-.02-.81-.78-.89-.82-.08" clip-rule="evenodd"/></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. VideoFileCameraIcon.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.