Your budget

Prices in US dollars

Show 344 products up to $30

No. 052UI components

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.

$3

Fits your $30 budget

  • 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

Search by name, type, tag or app, for example “dashboard” or “Figma”.