IconSearch logoIconsearch
Home/Libraries/Noto Emoji (v1) (Iconify)/ab-button
← Back to Search
Noto Emoji (v1) (Iconify)

AbButton

License: Apache-2.0Commercial Safe


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 128 128"><path fill="#818cf8" d="M121 .11H6.99C3.21.11.12 3.2.12 6.99V121c0 3.79 3.09 6.88 6.87 6.88H121c3.78 0 6.88-3.09 6.88-6.88V6.99c0-3.78-3.1-6.88-6.88-6.88"/><path fill="#818cf8" d="M46.57 18.11c-.16-.72-.81-1.23-1.55-1.23H32.36c-.74 0-1.37.51-1.54 1.23L10.44 109.2c-.1.47.01.96.3 1.33c.3.37.76.59 1.23.59h13.36c.75 0 1.4-.54 1.54-1.27L30 94.07h17.39l3.11 15.78c.15.73.8 1.27 1.54 1.27h13.37c.47 0 .93-.22 1.22-.6c.3-.37.42-.86.31-1.33zM33.63 75.67l5.06-25.63l5.06 25.63zm74.38-13.24c3.32-4.89 5.36-11.59 5.36-19c0-14.89-8.3-27.01-18.5-27.01H74.33c-.87 0-1.57.71-1.57 1.58v92.02c0 .87.7 1.58 1.57 1.58h23.11c10.2 0 18.5-12.12 18.5-27.01c0-9.18-3.14-17.28-7.93-22.16M86.08 34.8c0-.1.05-.19.12-.26c.07-.06.14-.1.24-.1h7.59c3.09 0 5.6 4.31 5.6 9.61s-2.51 9.61-5.6 9.61h-7.59c-.09 0-.17-.04-.24-.1a.34.34 0 0 1-.12-.27zm8.41 59.4h-8c-.12 0-.22-.08-.28-.17c-.04-.06-.08-.12-.08-.19V72.3c0-.07.04-.13.08-.19c.07-.1.16-.17.28-.17h8c3.48 0 6.2 4.89 6.2 11.13s-2.72 11.13-6.2 11.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. AbButtonIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

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

Related Icons in Noto Emoji (v1) (Iconify)

Browse all Noto Emoji (v1) (Iconify) icons →
1st-place-medal
1st-place-medal
2nd-place-medal
2nd-place-medal
3rd-place-medal
3rd-place-medal
a-button
a-button
a-button-blood-type
a-button-blood-type
ab-button-blood-type
ab-button-blood-type
admission-tickets
admission-tickets
aerial-tramway
aerial-tramway
airplane
airplane
airplane-arrival
airplane-arrival
airplane-departure
airplane-departure
alarm-clock
alarm-clock