clojure-inline-svg

A curated set of inline svgs for your ClojureScript/Reagent app, licensed under the MIT License.

Why generate svgs inline in code instead of just including an svg file?

Convenience: just add the dependency and you're ready to go. No copying & pasting files.
Size: use ClojureScript's dead-code optimizations to only ship the svg data that your app actually uses.
Flexibliity: having hiccup for the svgs in code gives you full control over color, animations, etc.

In your project.clj's dependencies:

      [com.stronganchortech/clojure-inline-svgs "2.0.0"]
     
To use:
      (ns your-cool-project.core
        (:require
         [com.stronganchortech.clojure-inline-svgs.open-iconic :as open-iconic]
         [com.stronganchortech.clojure-inline-svgs.strong-anchor-simple :as strong-anchor-simple]))

      (defn your-reagent-component []
        [:div
          [open-iconic/check 
            {:on-click (fn [e] (println "Icon clicked."))}
            "green"
            "24px"]
          [:p "There's an inline svg in this div!"]])

There's an inline svg in this div!

24px

Icon Set:

open-iconic

strong-anchor-simple

open-iconic/

account-login

open-iconic/

account-logout

open-iconic/

action-redo

open-iconic/

action-undo

open-iconic/

align-center

open-iconic/

align-left

open-iconic/

align-right

open-iconic/

aperture

open-iconic/

arrow-bottom

open-iconic/

arrow-circle-bottom

open-iconic/

arrow-circle-left

open-iconic/

arrow-circle-right

open-iconic/

arrow-circle-top

open-iconic/

arrow-left

open-iconic/

arrow-right

open-iconic/

arrow-thick-bottom

open-iconic/

arrow-thick-left

open-iconic/

arrow-thick-right

open-iconic/

arrow-thick-top

open-iconic/

arrow-top

open-iconic/

audio-spectrum

open-iconic/

audio

open-iconic/

badge

open-iconic/

ban

open-iconic/

bar-chart

open-iconic/

basket

strong-anchor-simple/

bathroom-scale

open-iconic/

battery-empty

open-iconic/

battery-full

open-iconic/

beaker

open-iconic/

bell

open-iconic/

bluetooth

open-iconic/

bold

open-iconic/

bolt

open-iconic/

bookmark

open-iconic/

book

open-iconic/

box

open-iconic/

briefcase

open-iconic/

british-pound

open-iconic/

browser

open-iconic/

brush

open-iconic/

bug

open-iconic/

bullhorn

open-iconic/

calculator

open-iconic/

calendar

open-iconic/

camera-slr

open-iconic/

caret-bottom

open-iconic/

caret-left

open-iconic/

caret-right

open-iconic/

caret-top

open-iconic/

cart

open-iconic/

chat

open-iconic/

check

open-iconic/

chevron-bottom

open-iconic/

chevron-left

open-iconic/

chevron-right

open-iconic/

chevron-top

open-iconic/

circle-check

open-iconic/

circle-x

open-iconic/

clipboard

open-iconic/

clock

open-iconic/

cloud-download

open-iconic/

cloud

open-iconic/

cloud-upload

open-iconic/

cloudy

open-iconic/

code

open-iconic/

cog

open-iconic/

collapse-down

open-iconic/

collapse-left

open-iconic/

collapse-right

open-iconic/

collapse-up

open-iconic/

command

open-iconic/

comment-square

open-iconic/

compass

open-iconic/

contrast

open-iconic/

copywriting

open-iconic/

credit-card

open-iconic/

crop

open-iconic/

dashboard

open-iconic/

data-transfer-download

open-iconic/

data-transfer-upload

open-iconic/

delete

open-iconic/

dial

open-iconic/

document

open-iconic/

dollar

open-iconic/

double-quote-sans-left

open-iconic/

double-quote-sans-right

open-iconic/

double-quote-serif-left

open-iconic/

double-quote-serif-right

open-iconic/

droplet

open-iconic/

eject

open-iconic/

elevator

open-iconic/

ellipses

open-iconic/

envelope-closed

open-iconic/

envelope-open

open-iconic/

euro

open-iconic/

excerpt

open-iconic/

expand-down

open-iconic/

expand-left

open-iconic/

expand-right

open-iconic/

expand-up

open-iconic/

external-link

open-iconic/

eyedropper

open-iconic/

eye

open-iconic/

file

open-iconic/

fire

strong-anchor-simple/

fire-extinguisher

open-iconic/

flag

open-iconic/

flash

open-iconic/

folder

open-iconic/

fork

open-iconic/

fullscreen-enter

open-iconic/

fullscreen-exit

open-iconic/

globe

open-iconic/

graph

open-iconic/

grid-four-up

open-iconic/

grid-three-up

open-iconic/

grid-two-up

open-iconic/

hard-drive

open-iconic/

header

open-iconic/

headphones

open-iconic/

heart

open-iconic/

home

open-iconic/

image

open-iconic/

inbox

open-iconic/

infinity

open-iconic/

info

open-iconic/

italic

open-iconic/

justify-center

open-iconic/

justify-left

open-iconic/

justify-right

open-iconic/

key-icon

open-iconic/

laptop

open-iconic/

layers

open-iconic/

lightbulb

open-iconic/

link-broken

open-iconic/

link-intact

open-iconic/

list-rich

open-iconic/

list-icon

open-iconic/

location

open-iconic/

lock-locked

open-iconic/

lock-unlocked

open-iconic/

loop-circular

open-iconic/

loop-square

open-iconic/

loop-icon

open-iconic/

magnifying-glass

open-iconic/

map-marker

open-iconic/

map-icon

open-iconic/

media-pause

open-iconic/

media-play

open-iconic/

media-record

open-iconic/

media-skip-backward

open-iconic/

media-skip-forward

open-iconic/

media-step-backward

open-iconic/

media-step-forward

open-iconic/

media-stop

open-iconic/

medical-cross

open-iconic/

microphone

open-iconic/

minus

open-iconic/

monitor

open-iconic/

moon

open-iconic/

move

open-iconic/

musical-note

open-iconic/

paperclip

open-iconic/

pencil

open-iconic/

people

open-iconic/

person

open-iconic/

phone

open-iconic/

pie-chart

open-iconic/

play-circle

open-iconic/

plus

open-iconic/

power-standby

open-iconic/

print-icon

open-iconic/

project

open-iconic/

pulse

open-iconic/

puzzle-piece

open-iconic/

question-mark

open-iconic/

rain

open-iconic/

random

open-iconic/

reload

open-iconic/

resize-both

open-iconic/

resize-height

open-iconic/

resize-width

open-iconic/

rss-alt

open-iconic/

rss

open-iconic/

script

open-iconic/

share-boxed

open-iconic/

shield

open-iconic/

signal

open-iconic/

signpost

open-iconic/

sort-ascending

open-iconic/

sort-descending

open-iconic/

spreadsheet

open-iconic/

star

open-iconic/

sun

open-iconic/

tablet

open-iconic/