Cover illustration. The files are listed under What's inside.
Outline Button Collection
Outline buttons with a 1.5 px stroke in 4 px, 8 px and pill corner styles, 60 variants with hover, focus and disabled states for Figma and Sketch.
Fits your $30 budget
Added to your cart.View your cart
- Includes the Standard license: personal, commercial and client work for one person.
- Instant download after payment, plus an email with links that stay active for 30 days.
- Refund within 14 days if you haven't downloaded it yet, if it doesn't work in the supported software listed here, or if it's faulty and we can't fix it.
- Contents
- 60 variants
- File formats
- .fig, .sketch, .png
- Supported software
- Figma, Sketch
- Download size
- 3 MB
- Good for
- Secondary actions
- Toolbars and filter bars
- Dark mode interfaces
About this product
These buttons keep a transparent fill and a 1.5 px stroke across three corner treatments: 4 px, 8 px and a full pill. Each shape is built in four sizes and five states (default, hover, pressed, focus and disabled), so the component set holds 60 variants. Hover adds a light tint, and focus draws a 2 px ring offset from the stroke.
Outline buttons suit secondary actions, toolbars and quieter calls to action placed next to a filled primary button. Light and dark color styles are set up side by side, and the Sketch file mirrors the Figma structure, with icon slots, labels that resize with their text and named layers.
What's inside
- 60 variants: 3 corner styles × 4 sizes × 5 states
- 1.5 px stroke with a tinted hover fill
- 2 px focus ring offset from the stroke
- Default, hover, pressed, focus and disabled states
- Light and dark color styles included
License
Standard license
Included with every purchase
For one person. Use the assets in unlimited personal and commercial projects, including work you deliver to clients.
Allowed
- Design a client's website with a UI kit and hand over the finished site
- Use the same asset in as many of your projects as you like
- Build your startup's pitch deck from a presentation template
- Use an icon set throughout your company's web app
Not allowed
- Reselling, sharing, sublicensing or giving away the files, as they are or modified, for example on stock sites or marketplaces
- Uploading the files anywhere others can download or extract them, such as a public repository
- Letting several people work from one Standard license (a Team license covers that)
- Selling print-on-demand merchandise or templates built on the assets without an Extended license