News

Introducing Heroicons UI

Published Updated
Introducing Heroicons UI image

Designer extraordinaire Steve Schoger has released a new icon set called Heroicons UI. A the time of writing, this collection comprises 104 free premium SVG icons licensed under the MIT license.

???? Introducing Heroicons UI: A set of 104 free in-app SVG icons https://t.co/ePZrQOnFZg

— Steve Schoger (@steveschoger) January 4, 2018

Steve’s announcement post describes the icons best:

Heroicons UI make the perfect fit for any in-app UI. Their soft edges and consistent 2 pixel stroke give them a friendly pesonality [sic] that work great for both professional and playful UI’s.

I’ve been working on this set for a while and decided to make them available for free under the MIT license.

Each icon in this set of 104 glyphs is designed in a 24 x 24 pixel grid and maintain a consistent visual proportion when next to each other.

Here’s the complete set at the time of writing:

If you are interested in using these icons with Laravel, I recommend using Adam Wathan’s blade-svg package along with these icons:

@svg('cog', 'icon-lg') Settings
 
<!-- renders -->
<svg class="icon icon-lg">
<path d="..." fill-rule="evenodd"></path>
</svg>

Learn More

You can download the icons from the Heroicons UI GitHub repository. Steve plans on adding more icons to the set, so you should sign up on his announcement post to get notified when updates are available.

Steve is also the author of Zondicons, another set of free premium icons you can use on your digital products; and Hero Patterns, a collection of repeatable SVG patterns.

Paul Redmond photo

Staff writer at Laravel News. Full stack web developer and author.

Filed in

Sponsored

laravelcloud logo
Laravel Cloud

Easily create and manage your servers and deploy your Laravel applications in seconds.

Visit Laravel Cloud

The latest

View all →
WhenMounted and BigInt Props in Inertia.js v3.8 image

WhenMounted and BigInt Props in Inertia.js v3.8

Read article
Postcodes for Laravel: GB Postcode Lookup and Geography Data image

Postcodes for Laravel: GB Postcode Lookup and Geography Data

Read article
Laravel 14 Adds a defaults() Method to Eloquent Models image

Laravel 14 Adds a defaults() Method to Eloquent Models

Read article
Laravel AI SDK and Laravel MCP Security Fixes: Update Now image

Laravel AI SDK and Laravel MCP Security Fixes: Update Now

Read article
Mailbox for Laravel: Preview and Test Rendered Email image

Mailbox for Laravel: Preview and Test Rendered Email

Read article
Count Worker Crashes as Job Exceptions in Laravel 13.34 image

Count Worker Crashes as Job Exceptions in Laravel 13.34

Read article