Home/Libraries/Freehand free icons (Iconify)/app-window-bookmark

Freehand free icons (Iconify)

AppWindowBookmark

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.03 2.916a3.36 3.36 0 0 0-.72-1.39C20.208.254 17.637-.007 16.186.204a4.31 4.31 0 0 0-3.322 2.2c-.5.901-.35 7.524-.24 8.685c0 .19.4 3.081.42 3.161a.73.73 0 0 0 1 .57a4.7 4.7 0 0 0 1.061-1.17a30 30 0 0 0 1.271-3.122c.15-.35-.15-.77.54.56c.314.897.785 1.73 1.39 2.462c.541.37 1.061.09 1.332-.52c1-2.882-.62-7.274-.26-9.595c0-.23.5-.14.58-.13a5.3 5.3 0 0 1 1.47.2c.6.27.67-.26.6-.59m-2.442-.44a1 1 0 0 0-.76.52c-.78 1.25 1 8.454-.13 9.774a7 7 0 0 1-.53-1.41s-1.14-2.551-1.2-2.601c-.26-.43-.841-.48-1.201.19a40 40 0 0 1-1.741 4.222c0-.26-.15-.54-.32-2.191c-.05-.47-.47-7.374-.08-8.154a3.51 3.51 0 0 1 2.683-1.83a7.25 7.25 0 0 1 4.002.55c.395.246.72.59.94 1c.37.651-.43-.23-1.64-.07z"/><path d="M23.63 8.308c-.13-1.19-.15-4.502-1-5.122c-.26-.2-.42.6-.31.83s.06.09.19.9c.13.811.56 6.784.55 9.345c0 1-.29 6.333-.72 7.133c-2.621 1.471-20.48 2.001-20.94 0c-.52-2.39-.91-15.077-.38-18.058a.3.3 0 0 0-.58-.11c-.63 3.001-.54 15.857 0 18.429c.11.53.71 1.05 1.75 1.39c4.533 1.49 20.01.83 21.09-1.11c.4-.72.39-1.921.57-3.692c.257-3.31.183-6.639-.22-9.935"/><path d="M2.25 3.076c1 0 4.002.14 6.003.08c1.28 0 2.641-.17 4.002-.23a.3.3 0 0 0 0-.6a38.6 38.6 0 0 0-10.005.08a.34.34 0 0 0 0 .67m1.2 2.581a.84.84 0 0 0 1.23 0a.8.8 0 0 0-.21-1c-.76-.47-1.7.34-1.02 1m2.632-.28a.82.82 0 0 0 1.22 0a.81.81 0 0 0-.2-1c-.77-.47-1.7.31-1.02 1m2.861 0a.84.84 0 0 0 1.23 0a.81.81 0 0 0-.21-1c-.76-.47-1.7.31-1.02 1M1.23 7.848c2.994.303 6.01.303 9.004 0a.34.34 0 0 0 0-.68a37 37 0 0 0-9.004.06a.31.31 0 0 0 0 .62"/></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. AppWindowBookmarkIcon.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.