IconSearch logoIconsearch
Home/Libraries/Ligature Symbols (Iconify)/hatenabookmark
← Back to Search
Ligature Symbols (Iconify)

Hatenabookmark

License: OFL-1.1


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 650 679"><path fill="#818cf8" d="M293 390c8 6 12 16 12 31c0 13-4 22-14 28q-13.5 9-48 9h-33v-77h35q34.5 0 48 9m-16-79c-8 5-24 7-48 7h-19v-70h21c23 0 39 3 47 8s13 15 13 28s-5 22-14 27M80 29h490c44 0 80 36 80 80v490c0 44-36 80-80 80H80c-44 0-80-36-80-80V109c0-44 36-80 80-80m453 154h-85v230h85zM384 478c8-14 12-30 12-49q0-39-21-63c-14-15-34-24-58-26c22-6 38-15 48-26q15-18 15-48c0-15-3-29-10-41s-17-22-30-29c-11-6-24-11-40-13c-16-3-43-4-83-4h-96v350h99c40 0 69-1 86-4c18-3 32-7 44-14c15-8 26-19 34-33m139 38c9-9 13-19 13-32c0-12-4-23-13-32q-13.5-12-33-12c-19.5 0-24 4-32 13c-9 8-13 19-13 31c0 13 4 23 13 32s19 13 32 13s24-4 33-13"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

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. HatenabookmarkIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **OFL-1.1** 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.

Related Icons in Ligature Symbols (Iconify)

Browse all Ligature Symbols (Iconify) icons →
0
0
1
1
2
2
3
3
4
4
5
5
6
6
7
7
8
8
9
9
a
a
a-upper-case
a-upper-case