Home/Libraries/Freehand free icons (Iconify)/taking-pictures-circle

Freehand free icons (Iconify)

TakingPicturesCircle

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="M12.7 1a.32.32 0 0 0 0 .63c9.858-.24 14.998 12.86 4.999 19.118c-4.7 3-10.589 2.13-13.769-.75C.22 16.539-.46 9.72 3.9 4.81A11.8 11.8 0 0 1 11.38.87a.28.28 0 0 0-.06-.55a12.4 12.4 0 0 0-7.94 4c-4.77 5.17-4.19 12.59-.15 16.388c3.46 3.25 9.91 4.24 15.099.9C28.898 14.81 23.349.581 12.699 1"/><path fill="#818cf8" d="M19.329 10.28c-.26-2.63-2.64-1.65-4.08-1.58c-.43-.59-.76-1-.89-1.2c-.71-1.29-.91-2.09-1.35-1.82a.3.3 0 0 0-.1.09c-1.14-.07-3.7-.59-4.2.25c-.1.17-1 2.1-.94 2.14c-.985.23-1.988.377-2.999.44a.27.27 0 0 0-.13.4a.28.28 0 0 0-.37.21c-.66 4.82-1.89 7.289 1.67 7.939c1.445.147 2.9.177 4.35.09c1.38 0 3 .28 4.53.29a10.5 10.5 0 0 0 3.479-.53c1.51-.71 1-3 1-4.6q.068-1.058.03-2.12m-1.23 5.629a.63.63 0 0 1-.37.22c-2.14.76-5.19.15-7.43.13c-.93 0-2.37.2-3.649.12c-2.21-.13-2.44-.81-2.39-2.29c0-1 .7-4.7.5-5q.06.015.12 0c3.79 0 3.22.15 3.94-1a8.5 8.5 0 0 0 .6-1.51c.78-.359 2.69-.2 3.64-.27c.45.85 1.33 3 2.14 3c.809 0 2.629-.57 3.109.24c.3.51.08 2.16.07 2.76c-.01 1.03.21 2.88-.28 3.6"/><path fill="#818cf8" d="M12.14 9.82c-3.16-.71-4.84 4-2 4.75c.54.15 2 .19 1.85-.37s-.48 0-1.43-.22s-1.25-.92-.72-2a1.83 1.83 0 0 1 3.54.77c-.15 1.48-1.25 1.34-1 1.87a.32.32 0 0 0 .43.12a2.68 2.68 0 0 0-.67-4.92"/></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. TakingPicturesCircleIcon.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.