About this file
The everyday interface set: twelve navigation icons (home, menu, search, settings, user, notifications, arrows, chevrons, external link, grid), twelve actions (add, close, check, edit, delete, download, upload, share, copy, filter, refresh, link) and twelve states (info, warning, error, success, help, loading, show, hide, locked, unlocked, star, bookmark).
Every icon is drawn on the same 24 x 24 grid inside a 2 px safe margin, with one 1.5 px stroke, round caps and round joins and no fills, so they sit together at any size. Round shapes use the 19 px circle keyline and square shapes the 18 px square, so a circle and a square read as the same size.
You get 36 individual SVGs, one SVG sprite with a <symbol> per icon (ids prefixed ui-, for example ui-home), and a transparent PNG sheet of the whole set at 128 px. The stroke is currentColor, so the icons take the colour of the text around them in HTML, Figma and most design tools. All files are true vector, optimised with svgo, with no embedded images and no fonts.
What you download
38 files · 85 KB · SVG, PNG
- arrow-left.svg1 KB SVG
- arrow-right.svg1 KB SVG
- bell.svg1 KB SVG
- bookmark.svg1 KB SVG
- check.svg1 KB SVG
- chevron-down.svg1 KB SVG
- chevron-up.svg1 KB SVG
- close.svg1 KB SVG
- copy.svg1 KB SVG
- download.svg1 KB SVG
- edit.svg1 KB SVG
- error.svg1 KB SVG
- external-link.svg1 KB SVG
- eye-off.svg1 KB SVG
- eye.svg1 KB SVG
- filter.svg1 KB SVG
- help.svg1 KB SVG
- home.svg1 KB SVG
- info.svg1 KB SVG
- interface-line-sheet.png64 KB PNG
- interface-line-sprite.svg11 KB SVG
- layout-grid.svg1 KB SVG
- link.svg1 KB SVG
- loader.svg1 KB SVG
- lock.svg1 KB SVG
- menu.svg1 KB SVG
- plus.svg1 KB SVG
- refresh.svg1 KB SVG
- search.svg1 KB SVG
- settings.svg1 KB SVG
- share.svg1 KB SVG
- star.svg1 KB SVG
- success.svg1 KB SVG
- trash.svg1 KB SVG
- unlock.svg1 KB SVG
- upload.svg1 KB SVG
- user.svg1 KB SVG
- warning.svg1 KB SVG
Details
- Shelf
- Art & icons
- Type
- Single file
- Licence
- Standard — covers paid work
What the licence allows
Standard licence
- Use it in your own projects and in work you are paid for.
- Print it as often as you like, for yourself or for a client.
- Change it, crop it, recolour it, and combine it with other work.
- Keep using it after you stop buying from us. The licence does not expire.
- Resell or give away the file itself, or a lightly changed version of it, as a digital product.
- Share your download link or your account.
- Register it, or anything substantially it, as a logo or trademark.
- Put it into a dataset used to train a model.
Better together
Also in these packs
Art & icons
