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

VsButton

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 .11H7C3.22.11.12 3.21.12 6.99V121c0 3.79 3.1 6.88 6.88 6.88h114c3.78 0 6.88-3.09 6.88-6.88V6.99c0-3.78-3.09-6.88-6.88-6.88"/><path fill="#818cf8" d="M91.9 51.86c-.9-.62-1.71-1.17-2.41-1.66c-2.23-1.58-4.83-5.89-3.63-10.52c1.08-4.16 4.27-5.54 9.11-4.2c4.13 1.14 7.3 3.43 9.08 4.73c.29.21.67.27 1.01.16c.35-.12.61-.39.71-.74l4.14-13.77c.12-.4.01-.83-.29-1.12c-2.54-2.49-9.7-7.2-18.58-7.2c-1.19 0-2.39.09-3.54.27c-6.54.99-13.08 3.53-16.66 15.35c-2.19 7.22-2.19 15.35 0 21.2c2.36 6.48 6.28 9.41 11.23 13.11l.64.48c3.42 2.51 7.42 5.25 10.34 7.25l.35.24c4.25 3.03 5.79 8.56 4.77 11.94c-1.36 4.5-3.8 5.02-5.51 5.02c-1.37 0-3.02-.4-4.94-1.21c-5.16-2.06-9.92-7.91-11.25-9.65c-.24-.31-.63-.5-1.02-.43c-.39.05-.73.3-.89.66l-6.42 14.51c-.16.36-.12.77.11 1.09c3.33 4.74 6.05 7.49 10.76 10.92c3.23 2.34 7.95 3.74 12.63 3.74c4.87 0 16.75-1.64 21.9-16.8c3.19-9.45 2-19.45-3.33-27.48c-4.78-6.66-12.92-12.21-18.31-15.89M66.52 19.15H54.29c-.51 0-.96.35-1.07.84L39.73 77.03L26.25 20c-.12-.49-.56-.84-1.07-.84H12.94c-.33 0-.65.15-.86.41s-.29.6-.21.93l20.28 89.07c.01 0 .01 0 .01.01c.04.15.1.29.2.42c.04.04.09.07.13.1s.08.07.12.1c.17.12.38.21.61.21h13.03c.22 0 .42-.09.61-.21c.04-.03.08-.07.12-.1c.03-.04.1-.06.13-.1c.1-.13.16-.27.2-.42l.01-.01L67.6 20.5c.07-.33 0-.67-.21-.93a1.14 1.14 0 0 0-.87-.42"/></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. VsButtonIcon.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
ab-button
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