Simple line icons Icons

Browse 189 free Simple line icons SVG icons. Download SVG, copy as JSX, PNG or Base64. MIT licensed. Designed by Sabbir Ahmed. Styles: Precise Shapes.

189 icons MIT Archive / Unmaintained 32px grid by Sabbir Ahmed
Search icons...

More SVG Icons

action-redo

action-undo

anchor

arrow-down

arrow-down-circle

arrow-left

arrow-left-circle

arrow-right

arrow-right-circle

arrow-up

arrow-up-circle

badge

bag

ban

basket

basket-loaded

bell

book-open

briefcase

bubble

bubbles

bulb

calculator

calender

call-end

call-in

call-out

camera

camrecorder

chart

check

chemistry

clock

close

cloud-download

cloud-upload

compass

control-end

control-forward

control-pause

control-play

control-rewind

control-start

credit-card

crop

cup

cursor

cursor-move

diamond

direction

directions

disc

dislike

doc

docs

drawer

drop

earphones

earphones-alt

emotsmile

energy

envelope-open

envolope

envolope-letter

equalizer

event

exclamation

eye

eyeglass

feed

film

fire

Copy & download Simple line icons icons

Click any icon above to open the detail panel. Four export formats are available instantly, no sign-up required.

SVG

Raw vector markup. Paste directly into HTML or React components. Scales to any size without quality loss.

JSX / TSX

React-ready component. Drop into any React or Next.js project. Works with shadcn/ui, Radix, and Tailwind CSS.

PNG

Raster export at 1×, 2× and 3× for email templates, Figma imports, app assets, and Open Graph images.

Base64

Inline data URI, embed icons in CSS background-image, email HTML, or anywhere an image URL is needed.

Works with shadcn/ui

Copy the JSX format and paste directly into any shadcn/ui component. Alternatively, install and use via @iconify/react, fully tree-shakeable, no icon font loading required.

About Simple line icons

Created By

Sabbir Ahmed Visit Website

License

MIT View License

Features & Tags

Precise Shapes

Pack Details

Version

2.5.5

v2.5.5

Color Support

Monochrome

Category

Archive / Unmaintained

In 1 collection

SVG for Email Templates

How to use Simple line icons icons

Icon Set Version

v2.5.5

License SPDX

MIT

Grid Size

32px

Display Size

16px

Sample Icons

bubbles, camrecorder, cloud-upload

Via Iconify · React

tsx 
import { Icon } from '@iconify/react';

export default function App() {
  return <Icon icon="simple-line-icons:icon-name" width={24} />;
}

Via Iconify · HTML

html 
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-line-icons:icon-name" width="24"></iconify-icon>

Frequently Asked Questions

Is Simple line icons free for commercial use?
Yes. Simple line icons is licensed under MIT, free for personal and commercial projects. View license →
How do I download Simple line icons SVG icons?
Click any icon in the browser above to open the detail panel. Choose raw SVG code to copy, download as SVG or PNG, export as a React JSX component, or get a Base64 data URI, all formats free, no sign-up required.
How many icons are in Simple line icons?
Simple line icons contains 189 SVG icons in the Archive / Unmaintained category, designed on a 32px grid.
Can I change the color of Simple line icons icons?
Yes. Simple line icons icons are monochrome SVGs that inherit CSS currentColor. Set a color via CSS (color: #0070f3), a Tailwind class (text-blue-500), or pass a fill / stroke attribute directly on the SVG.
Which icon collections include Simple line icons?
Simple line icons is included in 1 curated collection: Free SVG Icons for Email Templates.
Can I use Simple line icons with React, Next.js or shadcn/ui?
Yes. Copy the JSX export from any icon's detail panel and paste it directly into your component. For ongoing use, install @iconify-json/simple-line-icons and use it via @iconify/react, fully tree-shakeable, compatible with shadcn/ui, Tailwind CSS, Radix UI, and any React-based framework.