+ CSS Icons

Open-source CSS, SVG and Figma UI Icons
Available in SVG Sprite, styled-components, NPM & API
Version: v2.0 - Total weight: 316kb

Subscribe @astrit

View all icons

1	.gg-credit-card {
2	box-sizing: border-box;
3	position: relative;
4	display: block;
5	transform: scale(var(--ggs,1));
6	width: 24px;
7	height: 18px;
8	border: 2px solid;
9	border-radius: 4px
10	}
11
12	.gg-credit-card::after,
13	.gg-credit-card::before {
14	content: "";
15	display: block;
16	box-sizing: border-box;
17	position: absolute;
18	border-radius: 3px;
19	width: 24px;
20	left: -2px;
21	height: 2px;
22	background: currentColor;
23	top: 9px
24	}
25
26	.gg-credit-card::before {
27	width: 6px;
28	left: 2px;
29	top: 3px
30	}

1	.gg-stopwatch {
2	background:
3	linear-gradient(to left,
4	currentColor 7px,transparent 0)
5	no-repeat 6px 2px/2px 6px;
6	box-sizing: border-box;
7	position: relative;
8	display: block;
9	transform: scale(var(--ggs,1));
10	width: 18px;
11	height: 18px;
12	border-radius: 100%;
13	border: 2px solid transparent;
14	box-shadow: 0 0 0 2px
15	}
16
17	.gg-stopwatch::after {
18	content: "";
19	display: block;
20	box-sizing: border-box;
21	position: absolute;
22	width: 4px;
23	height: 2px;
24	background: currentColor;
25	transform: rotate(45deg);
26	right: -4px;
27	top: -3px
28	}

Available in

.css
.svg
.tsx
.fig
.xd
.json
.xml

Features

700 Precise and Detailed UI Icons — provided with well-organized Figma components library.

API endpoint

styled-components

SVG Sprite

Lightweight

Accessible

Agile

Retina ready

Feedback

What others are saying about this project.

this is rad 👍

Adam Argyle, nerdy.dev

This was SUCH a fantastic resource, Astrit!

Rogie King, rog.ie

It's a super cool project! I love the site UI too :) Keep up the dope work

Una Kravets, una.im

Astrit gets the most out of CSS pseudo elements with its feather-light, precise CSS icons.

Jürgen Wössner, frontend-entwickler.ch

The design and execution look stellar 💯

Cole Bemis, feathericons.com

These CSS icons seem too beautiful to be just code!

Tim Silva, timsilva.com

№

The library in numbers.

704

Icons

15,707

API Calls

35,872

Downloads

2,405,944

Views

316kb

Total weight

22,429

Lines

+ CSS Icons

Available in

Features

Feedback

№

Thank you!