back to site

PixelStar Icons V03

by Cosmic Kiko

PixelStar is an Icon library created by me (Kiko), full of pixel art icons.
This library is Free to use, no credit needed! The library is small now, but I'll keep adding more icons, so suggest ones you would want to use!

Installation

Add this link to your html file and you'll be good to go!

<link rel="stylesheet" href="https://www.cosmic-kiko.neocities.org/PixelStar/PixelStar.css">

HTML

<i class="ps-[Icon Name]"></i>

Give your <i> or <span> this class, replace the [Icon Name] with... Well, the Icon's name!

CSS

.your-class/#your-id:before {
  content: '[Icon Unicode]'; /*ex. '\e900'*/
  font-family: 'PixelStar';
}

Add the font to your styling, and add the unicode to your class/id content along with the font-family

library

ufo

\e900

ufo-o

\e901

heart

\e902

heart-o

\e902

sparkles

\e904

spark

\e905

spark-o

\e906

spark-small

\e907

spark-small-o

\e908

star

\e909

star-o

\e910

star-small

\e911

star-small-o

\e912

shooting-star

\e913

bubble-heart

\e914

music-note

\e915

pencil

\e916

palette

\e917

brush

\e918

eraser

\e919

bucket

\e920

video

\e921

film

\e922

cursor

\e923

alien

\e924

alien-o

\e925

battery-full

\e926

bucket

\e927

battery-half

\e928

battery-quarter

\e929

battery-empty

\e930

minimize

\e931

maximize

\e932

x-mark

\e933

play

\e934

pause

\e935

backward

\e936

forward

\e937

volume-up

\e938

volume-x

\e939

list

\e940

cog

\e941