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 →
Laravel AI SDK 1.4 Lets Agents Recover From Tool Failures image

Laravel AI SDK 1.4 Lets Agents Recover From Tool Failures

Read article
Laravel Read Replicas: Check if a Replica Has Caught Up image

Laravel Read Replicas: Check if a Replica Has Caught Up

Read article
UUID Request Input and Migration Failure Events in Laravel 13.42 image

UUID Request Input and Migration Failure Events in Laravel 13.42

Read article
Replay Missed Laravel Scheduled Tasks With Schedule Catchup image

Replay Missed Laravel Scheduled Tasks With Schedule Catchup

Read article
Search Polymorphic Relations and Filament Tables With Laravel Searchable image

Search Polymorphic Relations and Filament Tables With Laravel Searchable

Read article
Laravel Rest Api 3.0: Typed Fields, Metrics, and OpenAPI Docs image

Laravel Rest Api 3.0: Typed Fields, Metrics, and OpenAPI Docs

Read article