# Quick Start Icons

> 170 free, open source, MIT licensed SVG icons for people scaffolding a new project.
> Stroke weight and corner style are live controls on the page rather than separate
> downloads, and the setting is baked into the file you copy.

Site: https://icons.evanpizzolato.com/
Source: https://github.com/evanpizzolato/quick-start-icons
Author: Evan Pizzolato
License: MIT. Free for personal and commercial use, modification allowed, attribution not required.

## Facts

- Icons: 170, outline style, one SVG file each, in 12 categories.
- Canvas: 32 by 32 viewBox, exported at 24 by 24.
- Stroke: authored at 2, adjustable on the page from 1 to 3 in steps of 0.25, default 1.25.
- Corners: square or rounded, default square, both derived from the same source file.
- Color: stroke is currentColor, so an icon inherits the CSS color of its parent.
- CDN: https://cdn.jsdelivr.net/gh/evanpizzolato/quick-start-icons/src/<name>.svg serves the authored source through jsDelivr.
- Pages: https://icons.evanpizzolato.com/icons/<name>/ for each icon, and https://icons.evanpizzolato.com/icons/<name>.md as markdown.
- Dependencies: none. No npm package, no icon font, no runtime, no build step.
- Delivery: copy the markup, download one SVG, or download the whole set as a zip built in the browser.

## Docs

- [Every icon with its aliases and SVG code](https://icons.evanpizzolato.com/llms-full.txt): one file, 170 icons.
- [Arrow icons](https://icons.evanpizzolato.com/categories/arrows/): 21 icons. Arrow and chevron icons for navigation, pagination, sorting controls and dropdowns.
- [Action icons](https://icons.evanpizzolato.com/categories/actions/): 21 icons. Action icons for the buttons most interfaces need: add, remove, close, copy, share, download, upload, search and delete.
- [Editing and text icons](https://icons.evanpizzolato.com/categories/editing/): 14 icons. Editing icons for text editors, design tools and content forms.
- [Layout and settings icons](https://icons.evanpizzolato.com/categories/layout/): 17 icons. Layout icons for app shells, dashboards and settings screens.
- [File and folder icons](https://icons.evanpizzolato.com/categories/files/): 13 icons. File and folder icons for document lists, file browsers and upload fields.
- [Communication icons](https://icons.evanpizzolato.com/categories/communication/): 11 icons. Communication icons for messaging, email, notifications and contact details.
- [Media icons](https://icons.evanpizzolato.com/categories/media/): 12 icons. Media icons for audio and video players, cameras and photo galleries.
- [People and reaction icons](https://icons.evanpizzolato.com/categories/people/): 10 icons. People icons for accounts, profiles, teams and member lists, and reaction icons for feedback and ratings.
- [Developer icons](https://icons.evanpizzolato.com/categories/development/): 14 icons. Developer icons for documentation sites, dev tools and technical dashboards.
- [Status and security icons](https://icons.evanpizzolato.com/categories/status/): 13 icons. Status icons for alerts, validation messages and empty states, and security icons for login and privacy settings.
- [Business and chart icons](https://icons.evanpizzolato.com/categories/business/): 13 icons. Business icons for dashboards, reports, stores and landing pages.
- [Time and weather icons](https://icons.evanpizzolato.com/categories/time-weather/): 11 icons. Time icons for calendars, schedules and activity logs, and weather icons for forecasts and theme switches.

## Questions and answers

### Is Quick Start Icons free for commercial use?

Yes, Quick Start Icons is MIT licensed, so all 170 icons are free to use in commercial products, client work and paid apps. You can modify them and ship the modified versions. Attribution is appreciated and not required, and there is no paid tier holding icons back.

### How many icons are in the set?

There are 170 icons in 12 categories: arrows, actions, editing and text, layout and settings, files and folders, communication, media, people and reactions, development, status and security, business and charts and time and weather. Each one is a single SVG file drawn on the same 32 by 32 canvas.

### Can I change the stroke weight?

Yes, the stroke weight slider sets every icon from 1 to 3 in steps of 0.25, and the default is 1.25. The weight showing on the page is baked into the file you copy or download, so there is no separate thin or bold set to install.

### What does the corners toggle do?

The corners toggle switches every icon between square and rounded corners, and square is the default. Corners are authored three ways in SVG, as a rect radius, as a stroke line join, and as an arc inside the path data, and the toggle reaches all three. Both states come from the same source file.

### Do I need to install a package?

No, there is no npm package, no icon font and no runtime to install. You copy the SVG markup or download the file, and paste it into your project. That works in HTML, JSX, Vue, Svelte and Figma without a build step.

### Can I load the icons from a CDN?

Yes, jsDelivr serves every icon at https://cdn.jsdelivr.net/gh/evanpizzolato/quick-start-icons/src/<name>.svg, with no account and no install. Replace the name with the icon's file name, such as bell or gear. The CDN file is the authored source, with rounded corners and a stroke weight of 2, and each icon page shows its own CDN URL.

### Does every icon have its own page?

Yes, every icon has a page at icons.evanpizzolato.com/icons/<name>/ with the SVG code, the CDN URL, the words it is also found under, and related icons. The same page is available as markdown at /icons/<name>.md.

### How do I change the color of an icon?

Set the CSS color property on the icon or on its parent, because every icon is stroked with currentColor. It inherits color the same way text does, so an icon follows a theme change without a second copy.

### What size are the icons?

Each icon is drawn on a 32 by 32 viewBox and exported with a width and height of 24. The export size gives the SVG an intrinsic size, because a pasted SVG without one renders at 300 by 150. Change the width and height, or remove them and size the icon with CSS.

### Can I download all the icons at once?

Yes, the Download all button saves the complete set as one zip file, with your current stroke weight and corner setting applied to every icon. The archive is written in the browser, so nothing is uploaded and no account or email address is asked for.

### Who made Quick Start Icons?

Evan Pizzolato, a product designer, drew and shipped the set. Every icon is authored by hand as a live stroke rather than traced or converted from a filled path, which is what lets one stroke weight control drive the whole library.

## Every icon

- [accessibility](https://icons.evanpizzolato.com/icons/accessibility.md): a11y, disability, wheelchair, universal access, inclusive
- [alert-octagon](https://icons.evanpizzolato.com/icons/alert-octagon.md): error, danger, stop sign, critical, failure
- [align-bottom](https://icons.evanpizzolato.com/icons/align-bottom.md): bottom align, vertical align, layout, anchor bottom
- [align-horizontal-center](https://icons.evanpizzolato.com/icons/align-horizontal-center.md): center horizontally, horizontal align, middle, layout
- [align-left](https://icons.evanpizzolato.com/icons/align-left.md): left align, text align, justify left, paragraph
- [align-right](https://icons.evanpizzolato.com/icons/align-right.md): right align, text align, justify right, paragraph
- [align-top](https://icons.evanpizzolato.com/icons/align-top.md): top align, vertical align, layout, anchor top
- [align-vertical-center](https://icons.evanpizzolato.com/icons/align-vertical-center.md): center vertically, vertical align, middle, layout
- [archive](https://icons.evanpizzolato.com/icons/archive.md): box, storage, store, backup, old items
- [arrow-down-left](https://icons.evanpizzolato.com/icons/arrow-down-left.md): diagonal arrow, southwest, move down left, direction
- [arrow-down-right](https://icons.evanpizzolato.com/icons/arrow-down-right.md): diagonal arrow, southeast, move down right, direction
- [arrow-down](https://icons.evanpizzolato.com/icons/arrow-down.md): down, south, descend, scroll down, move down
- [arrow-left](https://icons.evanpizzolato.com/icons/arrow-left.md): back, previous, west, go back, move left
- [arrow-return-down](https://icons.evanpizzolato.com/icons/arrow-return-down.md): return, enter, reply, turn down, carriage return
- [arrow-return-left](https://icons.evanpizzolato.com/icons/arrow-return-left.md): return, enter key, reply, newline, carriage return
- [arrow-return-right](https://icons.evanpizzolato.com/icons/arrow-return-right.md): forward, reply, turn right, redirect
- [arrow-return-up](https://icons.evanpizzolato.com/icons/arrow-return-up.md): return, turn up, level up, go up
- [arrow-right](https://icons.evanpizzolato.com/icons/arrow-right.md): next, forward, east, continue, move right
- [arrow-up-left](https://icons.evanpizzolato.com/icons/arrow-up-left.md): diagonal arrow, northwest, move up left, direction
- [arrow-up-right](https://icons.evanpizzolato.com/icons/arrow-up-right.md): diagonal arrow, northeast, open, outbound, launch
- [arrow-up](https://icons.evanpizzolato.com/icons/arrow-up.md): up, north, ascend, scroll up, move up
- [at-sign](https://icons.evanpizzolato.com/icons/at-sign.md): email, mention, handle, username, at symbol
- [attachment](https://icons.evanpizzolato.com/icons/attachment.md): paperclip, attach, file, clip, upload file
- [bell-off](https://icons.evanpizzolato.com/icons/bell-off.md): mute notifications, silent, do not disturb, notifications off
- [bell](https://icons.evanpizzolato.com/icons/bell.md): notification, alert, reminder, alarm, ring
- [bolt](https://icons.evanpizzolato.com/icons/bolt.md): lightning, flash, power, energy, electric, fast
- [book](https://icons.evanpizzolato.com/icons/book.md): read, docs, documentation, guide, manual, library
- [bookmark](https://icons.evanpizzolato.com/icons/bookmark.md): save, favorite, saved, read later, ribbon
- [braces](https://icons.evanpizzolato.com/icons/braces.md): curly braces, code, json, object, brackets
- [bug](https://icons.evanpizzolato.com/icons/bug.md): debug, error, issue, insect, defect
- [building](https://icons.evanpizzolato.com/icons/building.md): office, company, business, organization, workplace
- [calendar-add](https://icons.evanpizzolato.com/icons/calendar-add.md): new event, add event, schedule, booking, add date
- [calendar](https://icons.evanpizzolato.com/icons/calendar.md): date, schedule, event, month, planner
- [camera](https://icons.evanpizzolato.com/icons/camera.md): photo, picture, capture, snapshot, photography
- [chart-line](https://icons.evanpizzolato.com/icons/chart-line.md): line chart, graph, analytics, trend, statistics
- [chart](https://icons.evanpizzolato.com/icons/chart.md): bar chart, graph, analytics, statistics, report, stats
- [chat-bubble](https://icons.evanpizzolato.com/icons/chat-bubble.md): message, comment, conversation, speech bubble, talk
- [check-circle](https://icons.evanpizzolato.com/icons/check-circle.md): success, done, complete, verified, approved
- [check](https://icons.evanpizzolato.com/icons/check.md): tick, done, confirm, ok, yes, checkmark
- [chevron-down](https://icons.evanpizzolato.com/icons/chevron-down.md): caret down, expand, dropdown, open, more
- [chevron-left](https://icons.evanpizzolato.com/icons/chevron-left.md): caret left, back, previous, collapse
- [chevron-right](https://icons.evanpizzolato.com/icons/chevron-right.md): caret right, next, forward, expand
- [chevron-up](https://icons.evanpizzolato.com/icons/chevron-up.md): caret up, collapse, close, less
- [chevrons-down](https://icons.evanpizzolato.com/icons/chevrons-down.md): double chevron, scroll down, expand all, more
- [chevrons-left](https://icons.evanpizzolato.com/icons/chevrons-left.md): double chevron, first page, rewind, back
- [chevrons-right](https://icons.evanpizzolato.com/icons/chevrons-right.md): double chevron, last page, fast forward, skip
- [chevrons-up](https://icons.evanpizzolato.com/icons/chevrons-up.md): double chevron, scroll to top, collapse all, upgrade
- [clipboard](https://icons.evanpizzolato.com/icons/clipboard.md): paste, board, checklist, notes, task list
- [clock](https://icons.evanpizzolato.com/icons/clock.md): time, hour, watch, schedule, pending
- [close-circle](https://icons.evanpizzolato.com/icons/close-circle.md): cancel, clear, error, remove, dismiss
- [close](https://icons.evanpizzolato.com/icons/close.md): x, cancel, dismiss, exit, delete, cross
- [cloud](https://icons.evanpizzolato.com/icons/cloud.md): weather, storage, sync, cloud computing, online
- [code](https://icons.evanpizzolato.com/icons/code.md): developer, html, brackets, source code, embed, programming
- [coins](https://icons.evanpizzolato.com/icons/coins.md): money, cash, currency, payment, price, finance
- [command](https://icons.evanpizzolato.com/icons/command.md): cmd, keyboard shortcut, mac key, hotkey
- [component](https://icons.evanpizzolato.com/icons/component.md): design system, module, block, figma component, element
- [contrast](https://icons.evanpizzolato.com/icons/contrast.md): theme, brightness, light and dark, half circle, appearance
- [copy](https://icons.evanpizzolato.com/icons/copy.md): duplicate, clone, copy to clipboard, paste
- [cpu](https://icons.evanpizzolato.com/icons/cpu.md): chip, processor, hardware, computer, microchip
- [credit-card](https://icons.evanpizzolato.com/icons/credit-card.md): payment, card, billing, checkout, debit card
- [database](https://icons.evanpizzolato.com/icons/database.md): storage, data, sql, server, records
- [document-add](https://icons.evanpizzolato.com/icons/document-add.md): new file, add file, create document, new page
- [document-minus](https://icons.evanpizzolato.com/icons/document-minus.md): remove file, delete document, file minus
- [document-text](https://icons.evanpizzolato.com/icons/document-text.md): file, article, text file, page, notes
- [document](https://icons.evanpizzolato.com/icons/document.md): file, page, paper, blank file
- [download](https://icons.evanpizzolato.com/icons/download.md): save, export, get, arrow down, install
- [edit](https://icons.evanpizzolato.com/icons/edit.md): write, compose, modify, pen, new note
- [exposure](https://icons.evanpizzolato.com/icons/exposure.md): plus minus, photo settings, adjust, brightness
- [external-link](https://icons.evanpizzolato.com/icons/external-link.md): open in new tab, outbound link, new window, launch
- [eye-off](https://icons.evanpizzolato.com/icons/eye-off.md): hide, hidden, invisible, password hidden, private
- [eye-open](https://icons.evanpizzolato.com/icons/eye-open.md): view, show, visible, preview, watch, see
- [filter](https://icons.evanpizzolato.com/icons/filter.md): funnel, refine, sort, narrow results
- [flag](https://icons.evanpizzolato.com/icons/flag.md): report, mark, milestone, country, goal
- [folder-add](https://icons.evanpizzolato.com/icons/folder-add.md): new folder, create folder, add directory
- [folder-minus](https://icons.evanpizzolato.com/icons/folder-minus.md): remove folder, delete folder, directory minus
- [folder-open](https://icons.evanpizzolato.com/icons/folder-open.md): open folder, browse, directory, files
- [folder](https://icons.evanpizzolato.com/icons/folder.md): directory, files, collection, category
- [gear](https://icons.evanpizzolato.com/icons/gear.md): settings, preferences, configuration, options, cog
- [git-branch](https://icons.evanpizzolato.com/icons/git-branch.md): branch, version control, fork, source control
- [git-commit](https://icons.evanpizzolato.com/icons/git-commit.md): commit, version control, history point, node
- [git-merge](https://icons.evanpizzolato.com/icons/git-merge.md): merge, version control, combine branches, join
- [git-pull-request](https://icons.evanpizzolato.com/icons/git-pull-request.md): pull request, pr, merge request, code review
- [globe](https://icons.evanpizzolato.com/icons/globe.md): world, internet, language, website, earth, international
- [grid](https://icons.evanpizzolato.com/icons/grid.md): tiles, gallery, apps, layout, dashboard
- [grip](https://icons.evanpizzolato.com/icons/grip.md): drag handle, reorder, move, dots, handle
- [hash](https://icons.evanpizzolato.com/icons/hash.md): hashtag, number, pound sign, channel, tag
- [heart](https://icons.evanpizzolato.com/icons/heart.md): like, love, favorite, health, wishlist
- [help-circle](https://icons.evanpizzolato.com/icons/help-circle.md): question, support, faq, info, question mark
- [history](https://icons.evanpizzolato.com/icons/history.md): recent, time, undo history, log, past
- [home](https://icons.evanpizzolato.com/icons/home.md): house, main page, start, dashboard, building
- [inbox](https://icons.evanpizzolato.com/icons/inbox.md): mail, tray, messages, received, email
- [information](https://icons.evanpizzolato.com/icons/information.md): info, about, details, help, notice
- [key](https://icons.evanpizzolato.com/icons/key.md): password, login, access, credentials, unlock
- [layers](https://icons.evanpizzolato.com/icons/layers.md): stack, levels, arrange, overlay, design layers
- [lightbulb](https://icons.evanpizzolato.com/icons/lightbulb.md): idea, tip, hint, innovation, light
- [link](https://icons.evanpizzolato.com/icons/link.md): url, chain, hyperlink, connect, share link
- [list](https://icons.evanpizzolato.com/icons/list.md): bullets, menu, items, unordered list, rows
- [loading](https://icons.evanpizzolato.com/icons/loading.md): spinner, wait, progress, busy, pending
- [lock](https://icons.evanpizzolato.com/icons/lock.md): secure, locked, password, private, padlock, security
- [mail](https://icons.evanpizzolato.com/icons/mail.md): email, envelope, message, inbox, letter
- [maximize](https://icons.evanpizzolato.com/icons/maximize.md): fullscreen, expand, enlarge, full screen
- [menu](https://icons.evanpizzolato.com/icons/menu.md): hamburger, navigation, lines, sidebar menu, options
- [mic-off](https://icons.evanpizzolato.com/icons/mic-off.md): mute, microphone off, muted, silence
- [mic](https://icons.evanpizzolato.com/icons/mic.md): microphone, record, voice, audio, speak
- [minimize](https://icons.evanpizzolato.com/icons/minimize.md): exit fullscreen, shrink, collapse, reduce
- [minus](https://icons.evanpizzolato.com/icons/minus.md): subtract, remove, less, dash, reduce
- [moon](https://icons.evanpizzolato.com/icons/moon.md): dark mode, night, sleep, theme, crescent
- [more-horizontal](https://icons.evanpizzolato.com/icons/more-horizontal.md): ellipsis, dots, options, overflow menu, kebab
- [more-vertical](https://icons.evanpizzolato.com/icons/more-vertical.md): vertical ellipsis, dots, options, kebab menu, overflow
- [package](https://icons.evanpizzolato.com/icons/package.md): box, shipping, delivery, product, npm
- [pause](https://icons.evanpizzolato.com/icons/pause.md): hold, stop, media control, break
- [pencil](https://icons.evanpizzolato.com/icons/pencil.md): edit, write, draw, rename, pen
- [phone](https://icons.evanpizzolato.com/icons/phone.md): call, telephone, contact, mobile, dial
- [picture](https://icons.evanpizzolato.com/icons/picture.md): image, photo, gallery, landscape, media
- [pie](https://icons.evanpizzolato.com/icons/pie.md): pie chart, chart, analytics, statistics, percentage
- [pin](https://icons.evanpizzolato.com/icons/pin.md): location, map marker, place, address, map pin
- [play-pause](https://icons.evanpizzolato.com/icons/play-pause.md): toggle playback, media control, play, pause
- [play](https://icons.evanpizzolato.com/icons/play.md): start, run, video, media control, begin
- [plug](https://icons.evanpizzolato.com/icons/plug.md): connect, integration, power, plugin, electric
- [plus-circle](https://icons.evanpizzolato.com/icons/plus-circle.md): add, create, new, insert
- [plus](https://icons.evanpizzolato.com/icons/plus.md): add, new, create, increase, cross
- [power](https://icons.evanpizzolato.com/icons/power.md): on off, shutdown, turn off, switch, standby
- [printer](https://icons.evanpizzolato.com/icons/printer.md): print, document, output, fax
- [rain](https://icons.evanpizzolato.com/icons/rain.md): weather, rainy, storm, shower, forecast
- [rainbow](https://icons.evanpizzolato.com/icons/rainbow.md): weather, pride, color, arc, spectrum
- [redo](https://icons.evanpizzolato.com/icons/redo.md): repeat, forward, redo action, again
- [refresh](https://icons.evanpizzolato.com/icons/refresh.md): reload, sync, update, rotate, retry
- [remove](https://icons.evanpizzolato.com/icons/remove.md): minus circle, delete, subtract, remove item
- [rocket](https://icons.evanpizzolato.com/icons/rocket.md): launch, deploy, startup, ship, boost
- [search](https://icons.evanpizzolato.com/icons/search.md): find, magnifying glass, lookup, explore, query
- [send](https://icons.evanpizzolato.com/icons/send.md): paper plane, submit, share, message, deliver
- [server](https://icons.evanpizzolato.com/icons/server.md): hosting, rack, data center, backend, storage
- [share](https://icons.evanpizzolato.com/icons/share.md): send, export, social, forward, network
- [shield](https://icons.evanpizzolato.com/icons/shield.md): security, protection, safe, privacy, guard
- [shopping-cart](https://icons.evanpizzolato.com/icons/shopping-cart.md): cart, basket, buy, checkout, ecommerce, store
- [sidebar](https://icons.evanpizzolato.com/icons/sidebar.md): panel, drawer, layout, side menu, split view
- [sign-in](https://icons.evanpizzolato.com/icons/sign-in.md): login, log in, enter, sign on
- [sign-out](https://icons.evanpizzolato.com/icons/sign-out.md): logout, log out, exit, leave
- [sliders](https://icons.evanpizzolato.com/icons/sliders.md): settings, controls, adjust, filters, equalizer, preferences
- [smile](https://icons.evanpizzolato.com/icons/smile.md): emoji, happy, face, feedback, reaction
- [sort](https://icons.evanpizzolato.com/icons/sort.md): order, arrange, sort by, ascending, descending
- [sparkle](https://icons.evanpizzolato.com/icons/sparkle.md): ai, magic, new, shine, star, spark
- [star](https://icons.evanpizzolato.com/icons/star.md): favorite, rating, bookmark, featured, best
- [stop](https://icons.evanpizzolato.com/icons/stop.md): square, end, media control, halt
- [sun-bright](https://icons.evanpizzolato.com/icons/sun-bright.md): light mode, day, brightness, weather, sunny
- [table](https://icons.evanpizzolato.com/icons/table.md): spreadsheet, grid, data table, rows and columns
- [tag](https://icons.evanpizzolato.com/icons/tag.md): label, price tag, category, badge
- [tear-drop](https://icons.evanpizzolato.com/icons/tear-drop.md): water, drop, liquid, humidity, droplet
- [terminal](https://icons.evanpizzolato.com/icons/terminal.md): console, command line, shell, cli, prompt
- [thumbs-down](https://icons.evanpizzolato.com/icons/thumbs-down.md): dislike, bad, disapprove, downvote, no
- [thumbs-up](https://icons.evanpizzolato.com/icons/thumbs-up.md): like, good, approve, upvote, yes
- [toggle](https://icons.evanpizzolato.com/icons/toggle.md): switch, on off, enable, setting
- [trash](https://icons.evanpizzolato.com/icons/trash.md): delete, bin, garbage, remove, waste basket
- [trending-down](https://icons.evanpizzolato.com/icons/trending-down.md): decrease, decline, loss, drop, downtrend
- [trending-up](https://icons.evanpizzolato.com/icons/trending-up.md): increase, growth, gain, rise, uptrend
- [type](https://icons.evanpizzolato.com/icons/type.md): text, font, typography, letter t
- [undo](https://icons.evanpizzolato.com/icons/undo.md): back, revert, undo action, go back
- [unlock](https://icons.evanpizzolato.com/icons/unlock.md): unlocked, open, access, padlock open
- [upload](https://icons.evanpizzolato.com/icons/upload.md): import, send file, arrow up, publish
- [user-add](https://icons.evanpizzolato.com/icons/user-add.md): add user, invite, new member, add person, sign up
- [user-minus](https://icons.evanpizzolato.com/icons/user-minus.md): remove user, delete member, remove person
- [user](https://icons.evanpizzolato.com/icons/user.md): person, profile, account, avatar, member
- [users](https://icons.evanpizzolato.com/icons/users.md): people, team, group, members, community
- [video](https://icons.evanpizzolato.com/icons/video.md): camera, movie, film, record, video call
- [volume-off](https://icons.evanpizzolato.com/icons/volume-off.md): mute, sound off, speaker off, silent
- [volume](https://icons.evanpizzolato.com/icons/volume.md): sound, speaker, audio, loud
- [warning](https://icons.evanpizzolato.com/icons/warning.md): alert, caution, danger, attention, triangle
- [wifi](https://icons.evanpizzolato.com/icons/wifi.md): wireless, internet, network, signal, connection
- [zoom-in](https://icons.evanpizzolato.com/icons/zoom-in.md): magnify, enlarge, zoom, plus magnifier
- [zoom-out](https://icons.evanpizzolato.com/icons/zoom-out.md): shrink, zoom, reduce, minus magnifier