Home/Libraries/Freehand free icons (Iconify)/camera-mode-photo

Freehand free icons (Iconify)

CameraModePhoto

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="M7.116.17C4.392.015 1.263-.35.454 2.532A17.2 17.2 0 0 0 .527 7.85a.386.386 0 0 0 .394.384c.518 0 .384-.353.65-4.21C1.814 1.25 3.325 1.295 7.14.942a.387.387 0 0 0-.023-.773zM.11 16.662c-.642 7.572 1.494 7.826 7.44 6.885a.39.39 0 1 0-.065-.778c-1.604 0-4.925.138-5.529-.79A19.6 19.6 0 0 1 .88 16.662a.386.386 0 0 0-.77 0M16.76 1.076c3.84.915 5.89-.259 6.027 4.07c.096 2.149-.072 3.134.519 3.11a.38.38 0 0 0 .363-.404c.039-1.706 1.15-4.925-.93-6.662c-1.74-1.376-4.281-.723-5.86-.868a.386.386 0 1 0-.12.754m6.211 14.48c-.517 6.596-.91 6.666-4.732 7.12c-.72.106-1.555.293-2.28.324a.39.39 0 0 0-.02.778q1.192.06 2.38 0c2.334-.047 4.573-.3 5.25-2.795c.204-.873.635-5.8-.203-5.814a.394.394 0 0 0-.394.387M6.777 7.689c-2.987.547-3.057 6.46-1.802 8.769c1.094 1.967 3.458 1.835 5.923 1.9c3.593.1 7.258.484 8.63-2.608a8.4 8.4 0 0 0 .573-3.482c-.058-1.188-.368-2.81-.91-3.41a2.74 2.74 0 0 0-1.575-.87a3.095 3.095 0 0 0-2.332-3.2c-1.934-.3-3.9-.333-5.843-.101a3.16 3.16 0 0 0-2.664 3.002m8.244-1.991a21.5 21.5 0 0 0-5.345.122c-2.202.518-1.228 2.95-2.272 3.084c-2.372.324-2.074 5.076-1.312 6.727a1.84 1.84 0 0 0 1.35 1.088c2.733.327 5.488.432 8.238.314a3.24 3.24 0 0 0 2.837-1.763a8.35 8.35 0 0 0 .216-5.57a1.91 1.91 0 0 0-1.478-.99c-.79-.132.117-2.44-2.224-3.004z"/><path d="M13.168 9.565c-.217-.484-2.153-.674-3.336.858a3.012 3.012 0 0 0 2.547 4.835a2.945 2.945 0 0 0 2.814-2.792c.137-1.973-1.54-3.22-2.024-2.9zm-.145.482c-.293.2-1.386-.362-2.25 1.037c-1.555 2.525 2.805 4.207 3.272 1.26a2.29 2.29 0 0 0-1.022-2.296z"/></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. CameraModePhotoIcon.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.