Skip to content
Instant digital downloads · Every file checked before release · Browse free resources

Use the left and right arrow keys to move between preview images.

Design asset · Digital download

SVG Icon Bundles

41 original line icons for websites, apps and documents — 24 px grid, 2 px round stroke — as editable SVG, 256 px PNG and an SVG sprite, with a commercial licence.

PNGSVG85 files616 KB
Price $19.00USD

Included in Studio membership downloads.

  • Instant digital download — nothing is shipped.
  • Secure checkout by Stripe.
  • Version 1.0.1 · updated Nov 9, 2026.

Description

What's inside. A set of 41 everyday interface icons drawn for this pack on one 24 × 24 grid with a 2 px stroke, round caps and joins and a 2 px safe margin, so they line up and look the same weight wherever you use them. Each icon is a separate SVG that uses stroke="currentColor", so it takes the colour of the text around it on a website and is easy to recolour in a design app that opens SVG files; each also comes as a 256 × 256 PNG with a transparent background, and all 41 are in one SVG sprite for the web. Icons: home, search, user, users, mail, phone, calendar, clock, sliders, cart, bag, tag, heart, star, bell, lock, check-circle, x-circle, plus, minus, arrow-right, arrow-left, chevron-down, menu, map-pin, camera, image, file, folder, download, upload, chat, credit-card, bar-chart, trending-up, globe, trash, pencil, eye, share, info. The overview sheet shows every icon with its file name. Every build checks each SVG's grid, stroke settings and safe area, that no raster image or external reference is embedded, and that each PNG matches its SVG.

Pages and sheets. 41 SVG icons (24 × 24 viewBox, stroke = currentColor); 41 PNG icons (256 × 256, transparent); Icons-Sprite.svg (all 41 as <symbol>); Icons-Overview.png (reference sheet).

Files and formats (PNG, SVG). 43 PNG files (1256×1142 px, 1496×1412 px, 256×256 px; 1–237 KB each); 42 SVG files (viewBox 24×24, viewBox 320×128; 1–10 KB each). Every download also includes a ZIP of all files and a licence summary.

Licence. Commercial Licence — use in personal and commercial projects; no redistribution of the source files.

Who it's for: Designers, creators and small businesses.

Included files

  • Icons-Overview.pngOverview sheet of all 41 icons with file names (rendered from the SVGs)PNG
  • Icons-Detail.pngDetail sheet: 12 icons rendered large from their SVG filesPNG
  • Icons-Sprite.svgSVG sprite: all 41 icons as <symbol id="icon-…"> plus a preview gridSVG
  • icon-home.svgHome icon — SVG, 24 × 24, stroke = currentColorSVG
  • icon-search.svgSearch icon — SVG, 24 × 24, stroke = currentColorSVG
  • icon-user.svgUser icon — SVG, 24 × 24, stroke = currentColorSVG
  • icon-users.svgUsers icon — SVG, 24 × 24, stroke = currentColorSVG
  • icon-mail.svgMail icon — SVG, 24 × 24, stroke = currentColorSVG
  • icon-phone.svgPhone icon — SVG, 24 × 24, stroke = currentColorSVG
  • icon-calendar.svgCalendar icon — SVG, 24 × 24, stroke = currentColorSVG
  • icon-clock.svgClock icon — SVG, 24 × 24, stroke = currentColorSVG
  • icon-sliders.svgSliders icon — SVG, 24 × 24, stroke = currentColorSVG
  • icon-cart.svgCart icon — SVG, 24 × 24, stroke = currentColorSVG
  • icon-bag.svgBag icon — SVG, 24 × 24, stroke = currentColorSVG
  • icon-tag.svgTag icon — SVG, 24 × 24, stroke = currentColorSVG
  • icon-heart.svgHeart icon — SVG, 24 × 24, stroke = currentColorSVG
  • icon-star.svgStar icon — SVG, 24 × 24, stroke = currentColorSVG
  • icon-bell.svgBell icon — SVG, 24 × 24, stroke = currentColorSVG
  • icon-lock.svgLock icon — SVG, 24 × 24, stroke = currentColorSVG
  • icon-check-circle.svgCheck circle icon — SVG, 24 × 24, stroke = currentColorSVG
  • icon-x-circle.svgX circle icon — SVG, 24 × 24, stroke = currentColorSVG
  • icon-plus.svgPlus icon — SVG, 24 × 24, stroke = currentColorSVG
  • icon-minus.svgMinus icon — SVG, 24 × 24, stroke = currentColorSVG
  • icon-arrow-right.svgArrow right icon — SVG, 24 × 24, stroke = currentColorSVG
  • icon-arrow-left.svgArrow left icon — SVG, 24 × 24, stroke = currentColorSVG
  • icon-chevron-down.svgChevron down icon — SVG, 24 × 24, stroke = currentColorSVG
  • icon-menu.svgMenu icon — SVG, 24 × 24, stroke = currentColorSVG
  • icon-map-pin.svgMap pin icon — SVG, 24 × 24, stroke = currentColorSVG
  • icon-camera.svgCamera icon — SVG, 24 × 24, stroke = currentColorSVG
  • icon-image.svgImage icon — SVG, 24 × 24, stroke = currentColorSVG
  • icon-file.svgFile icon — SVG, 24 × 24, stroke = currentColorSVG
  • icon-folder.svgFolder icon — SVG, 24 × 24, stroke = currentColorSVG
  • icon-download.svgDownload icon — SVG, 24 × 24, stroke = currentColorSVG
  • icon-upload.svgUpload icon — SVG, 24 × 24, stroke = currentColorSVG
  • icon-chat.svgChat icon — SVG, 24 × 24, stroke = currentColorSVG
  • icon-credit-card.svgCredit card icon — SVG, 24 × 24, stroke = currentColorSVG
  • icon-bar-chart.svgBar chart icon — SVG, 24 × 24, stroke = currentColorSVG
  • icon-trending-up.svgTrending up icon — SVG, 24 × 24, stroke = currentColorSVG
  • icon-globe.svgGlobe icon — SVG, 24 × 24, stroke = currentColorSVG
  • icon-trash.svgTrash icon — SVG, 24 × 24, stroke = currentColorSVG
  • icon-pencil.svgPencil icon — SVG, 24 × 24, stroke = currentColorSVG
  • icon-eye.svgEye icon — SVG, 24 × 24, stroke = currentColorSVG
  • icon-share.svgShare icon — SVG, 24 × 24, stroke = currentColorSVG
  • icon-info.svgInfo icon — SVG, 24 × 24, stroke = currentColorSVG
  • icon-home-256.pngHome icon — PNG 256 × 256, transparentPNG
  • icon-search-256.pngSearch icon — PNG 256 × 256, transparentPNG
  • icon-user-256.pngUser icon — PNG 256 × 256, transparentPNG
  • icon-users-256.pngUsers icon — PNG 256 × 256, transparentPNG
  • icon-mail-256.pngMail icon — PNG 256 × 256, transparentPNG
  • icon-phone-256.pngPhone icon — PNG 256 × 256, transparentPNG
  • icon-calendar-256.pngCalendar icon — PNG 256 × 256, transparentPNG
  • icon-clock-256.pngClock icon — PNG 256 × 256, transparentPNG
  • icon-sliders-256.pngSliders icon — PNG 256 × 256, transparentPNG
  • icon-cart-256.pngCart icon — PNG 256 × 256, transparentPNG
  • icon-bag-256.pngBag icon — PNG 256 × 256, transparentPNG
  • icon-tag-256.pngTag icon — PNG 256 × 256, transparentPNG
  • icon-heart-256.pngHeart icon — PNG 256 × 256, transparentPNG
  • icon-star-256.pngStar icon — PNG 256 × 256, transparentPNG
  • icon-bell-256.pngBell icon — PNG 256 × 256, transparentPNG
  • icon-lock-256.pngLock icon — PNG 256 × 256, transparentPNG
  • icon-check-circle-256.pngCheck circle icon — PNG 256 × 256, transparentPNG
  • icon-x-circle-256.pngX circle icon — PNG 256 × 256, transparentPNG
  • icon-plus-256.pngPlus icon — PNG 256 × 256, transparentPNG
  • icon-minus-256.pngMinus icon — PNG 256 × 256, transparentPNG
  • icon-arrow-right-256.pngArrow right icon — PNG 256 × 256, transparentPNG
  • icon-arrow-left-256.pngArrow left icon — PNG 256 × 256, transparentPNG
  • icon-chevron-down-256.pngChevron down icon — PNG 256 × 256, transparentPNG
  • icon-menu-256.pngMenu icon — PNG 256 × 256, transparentPNG
  • icon-map-pin-256.pngMap pin icon — PNG 256 × 256, transparentPNG
  • icon-camera-256.pngCamera icon — PNG 256 × 256, transparentPNG
  • icon-image-256.pngImage icon — PNG 256 × 256, transparentPNG
  • icon-file-256.pngFile icon — PNG 256 × 256, transparentPNG
  • icon-folder-256.pngFolder icon — PNG 256 × 256, transparentPNG
  • icon-download-256.pngDownload icon — PNG 256 × 256, transparentPNG
  • icon-upload-256.pngUpload icon — PNG 256 × 256, transparentPNG
  • icon-chat-256.pngChat icon — PNG 256 × 256, transparentPNG
  • icon-credit-card-256.pngCredit card icon — PNG 256 × 256, transparentPNG
  • icon-bar-chart-256.pngBar chart icon — PNG 256 × 256, transparentPNG
  • icon-trending-up-256.pngTrending up icon — PNG 256 × 256, transparentPNG
  • icon-globe-256.pngGlobe icon — PNG 256 × 256, transparentPNG
  • icon-trash-256.pngTrash icon — PNG 256 × 256, transparentPNG
  • icon-pencil-256.pngPencil icon — PNG 256 × 256, transparentPNG
  • icon-eye-256.pngEye icon — PNG 256 × 256, transparentPNG
  • icon-share-256.pngShare icon — PNG 256 × 256, transparentPNG
  • icon-info-256.pngInfo icon — PNG 256 × 256, transparentPNG
  • Plus a single ZIP with every file and the licence (590 KB).

How to use

Unzip the download. Use the SVGs in design tools or code (they take the text colour: stroke="currentColor"), or the 256 px PNGs anywhere images work. Icons-Sprite.svg holds every icon as a <symbol> for web use: <svg><use href="#icon-home"/></svg>.

Customer reviews

No reviews yet. Reviews can only be written by customers who own this product.

Frequently asked questions

Is this a physical product?

No. This is a digital download. Nothing is shipped — you download the files from your account after purchase.

How do I get my files?

After payment, go to My Downloads in your account. Your purchase stays available there to re-download.

What can I do with it?

Use design assets in personal and commercial projects, including client work and products you sell. No redistribution of the source files.

Can I use the assets commercially?

Yes, under the Commercial Licence included with design assets. You may not resell or redistribute the source files as-is.

You may also like

More in Design Assets