Home/Libraries/Game Icons (Iconify)/bookmark

Game Icons (Iconify)

Bookmark

License: CC-BY-3.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 512 512"><path fill="#818cf8" d="m161.22 19.563l-2.5 5.375l-106.44 225.5l-1 2.093c-24.493 28.208-34.917 58.587-33.593 88.19c1.38 30.852 15.12 60.388 36.376 86.81l2.812 3.5h49.72c4.817-3.836 8.93-7.817 12.405-12.03a73 73 0 0 0 4.875-6.656H65.97c-17.813-23.187-28.526-47.848-29.626-72.438c-1.123-25.11 7.337-50.594 29.937-76.125h431.876l-5.25-12.874l-91.844-225.5l-2.375-5.843H161.22zm11.843 18.687h177.343l52.656 41.594l38.407 94.28l-58.845 70.94H75.47zM75.156 282.625c-15.31 18.98-20.975 37.778-20.125 56.438c.84 18.398 8.276 36.95 20.5 54.468h57.19c4.392-13.517 6.344-29.847 6.78-50.436h-16.188v-18.688h16.313v-.187h115.749v.186h17.156v18.688h-17.25c-.287 17.8-1.447 34.638-4 50.437h221.626c-9.034-36.872-9.112-74.006-.03-110.905H75.155zm83 60.28c-.77 37.698-6.46 65.83-24.72 87.97c-14.595 17.7-36.19 30.747-67.28 42.813c8.69 1.658 17.214 3.225 26.53 5.25c14.048 3.052 27.912 6.338 39.033 9.25c5.56 1.455 10.44 2.826 14.374 4.062c1.94.61 3.533 1.074 5.03 1.625c35.245-13.464 55.78-32.897 68.345-58.72c11.944-24.55 16.287-55.713 16.936-92.25h-78.25zm89.25 69.44c-1.632 6.425-3.532 12.668-5.812 18.686h257.03v-18.686H247.407z"/></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. BookmarkIcon.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-3.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.