Home/Libraries/Freehand free icons (Iconify)/content-browser-edit

Freehand free icons (Iconify)

ContentBrowserEdit

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="M22.54 8.325c-.68.07 0 .88-.06 6.003A53 53 0 0 1 22 20.45c-.151 1-.271.86-.631 1c-3.642 1.381-18.808 1.932-19.679.26c-.4-.74-1-7.002-.74-9.804c.09-1.06.13-2.12.2-3.171c3.529.292 7.076.292 10.605 0a.35.35 0 0 0 0-.69c-1.311-.06-2.562-.14-3.762-.19c-5.002-.21-6.863.44-6.843.17c.17-2.541.52-3.912.32-4.092a.3.3 0 0 0-.42 0c-.39.45-.32 1.87-.4 2.371s-.14 1.11-.19 1.68A51 51 0 0 0 .1 17.99c.035 1.425.23 2.84.58 4.222a2.8 2.8 0 0 0 1.8 1.13c4.583 1.271 19.099.21 20.11-1.6c.362-1.15.548-2.347.55-3.552a47.7 47.7 0 0 0-.23-9.554a.36.36 0 0 0-.37-.31M3.28 3.873a91 91 0 0 0 10.285-.21a.3.3 0 0 0 0-.6c-4.892-.58-5.802-.23-10.324.13a.34.34 0 1 0 .04.68"/><path d="M3.571 12.697c2.604-.066 5.2-.304 7.773-.71a.35.35 0 0 0 0-.69c-4.762-.33-5.422.44-7.803.81c-.66 0-.95.23-.79.4c-.01.15.29.28.82.19m15.427 3.441a.34.34 0 0 0 .3-.61a3.3 3.3 0 0 0-1.3-.31c-6.253-.63-7.004-.39-13.777.2l-.84.19a.3.3 0 0 0-.34.25c-.09.61 1 .26 1.25.24c8.764.1 13.846-.36 14.707.04m-2.001 2.092a30 30 0 0 0-4.262.11c-2.741.31-5.622 1.15-7.743 1.07a.3.3 0 1 0 0 .6c1.28.14 2.571.14 3.851 0c4.292-.4 2.001-.66 8.234-1.05c.21 0 .77.06 1-.18a.35.35 0 0 0 0-.49c-.29-.17-1.01-.06-1.08-.06M3.28 6.413a.76.76 0 0 0 1.19 0a.92.92 0 0 0-.2-1.1c-.74-.47-1.66.36-.99 1.1m2.562-.3a.77.77 0 0 0 1.2 0a.92.92 0 0 0-.2-1.13c-.75-.44-1.67.39-1 1.13m3.791-1.13c-.74-.43-1.66.4-1 1.14a.76.76 0 0 0 1.19 0a.91.91 0 0 0-.19-1.14M20.539.341a3.4 3.4 0 0 0-.72.62a.3.3 0 0 0 0 .43c.26.311.49-.09 1-.31c.87-.38 2.16.691 2.18 1.231c.04.568-.13 1.131-.48 1.58c-.67-.54-2.33-1.74-2.76-2.1a.343.343 0 1 0-.461.51c.41.38 2 1.61 2.631 2.201c-.33.48-.12.16-3.932 4.482a3.85 3.85 0 0 0-2.27-1.93c2.91-4.002 3.45-4.133 3-4.453a.29.29 0 0 0-.43.06c-2.69 3.142-4.301 4.923-4.301 5.443c-.14 2.21-.24 3.281.09 3.591c.65.63 3.081-.23 3.581-.59s4.612-5.512 5.102-6.243A5 5 0 0 0 24 2.303A2.42 2.42 0 0 0 20.538.34m-3.542 9.815a6.2 6.2 0 0 1-2.001.64c-.12-3.001-.09-2.481.36-3.141c.664.71 1.398 1.35 2.191 1.91a7 7 0 0 1-.55.59"/></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. ContentBrowserEditIcon.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.