Using SVG Sprites as Icons

These are converted examples from https://github.com/diafygi/svg-font-to-svg-sprite-converter.

How to use

<head>
...
  <style>
    .icon { overflow:visible; height:1em; width:1em; fill:currentColor; }
  </style>
...
</head>
<body>
  ...
  <svg class='icon'><use href='sprite-fontawesome-4.7.0.svg#fa-bookmark'/></svg>
  ...
</body>

Example Icon Packs

Below are some free icon packs that were originally font icons, but have been converted to svg sprites.

Font Awesome 4.7.0

Download: sprite-fontawesome-4.7.0.svg

fa-glass
fa-music
fa-search
fa-envelope-o
fa-heart
fa-star
fa-star-o
fa-user
fa-film
fa-th-large
fa-th
fa-th-list
fa-check
fa-times
fa-search-plus
fa-search-minus
fa-power-off
fa-signal
fa-cog
fa-trash-o
fa-home
fa-file-o
fa-clock-o
fa-road
fa-download
fa-arrow-circle-o-down
fa-arrow-circle-o-up
fa-inbox
fa-play-circle-o
fa-repeat
fa-refresh
fa-list-alt
fa-lock
fa-flag
fa-headphones
fa-volume-off
fa-volume-down
fa-volume-up
fa-qrcode
fa-barcode
fa-tag
fa-tags
fa-book
fa-bookmark
fa-print
fa-camera
fa-font
fa-bold
fa-italic
fa-text-height
fa-text-width
fa-align-left
fa-align-center
fa-align-right
fa-align-justify
fa-list
fa-outdent
fa-indent
fa-video-camera
fa-picture-o
fa-pencil
fa-map-marker
fa-adjust
fa-tint
fa-pencil-square-o
fa-share-square-o
fa-check-square-o
fa-arrows
fa-step-backward
fa-fast-backward
fa-backward
fa-play
fa-pause
fa-stop
fa-forward
fa-fast-forward
fa-step-forward
fa-eject
fa-chevron-left
fa-chevron-right
fa-plus-circle
fa-minus-circle
fa-times-circle
fa-check-circle
fa-question-circle
fa-info-circle
fa-crosshairs
fa-times-circle-o
fa-check-circle-o
fa-ban
fa-arrow-left
fa-arrow-right
fa-arrow-up
fa-arrow-down
fa-share
fa-expand
fa-compress
fa-plus
fa-minus
fa-asterisk
fa-exclamation-circle
fa-gift
fa-leaf
fa-fire
fa-eye
fa-eye-slash
fa-exclamation-triangle
fa-plane
fa-calendar
fa-random
fa-comment
fa-magnet
fa-chevron-up
fa-chevron-down
fa-retweet
fa-shopping-cart
fa-folder
fa-folder-open
fa-arrows-v
fa-arrows-h
fa-bar-chart
fa-twitter-square
fa-facebook-square
fa-camera-retro
fa-key
fa-cogs
fa-comments
fa-thumbs-o-up
fa-thumbs-o-down
fa-star-half
fa-heart-o
fa-sign-out
fa-linkedin-square
fa-thumb-tack
fa-external-link
fa-sign-in
fa-trophy
fa-github-square
fa-upload
fa-lemon-o
fa-phone
fa-square-o
fa-bookmark-o
fa-phone-square
fa-twitter
fa-facebook
fa-github
fa-unlock
fa-credit-card
fa-rss
fa-hdd-o
fa-bullhorn
fa-bell-o
fa-certificate
fa-hand-o-right
fa-hand-o-left
fa-hand-o-up
fa-hand-o-down
fa-arrow-circle-left
fa-arrow-circle-right
fa-arrow-circle-up
fa-arrow-circle-down
fa-globe
fa-wrench
fa-tasks
fa-filter
fa-briefcase
fa-arrows-alt
fa-users
fa-link
fa-cloud
fa-flask
fa-scissors
fa-files-o
fa-paperclip
fa-floppy-o
fa-square
fa-bars
fa-list-ul
fa-list-ol
fa-strikethrough
fa-underline
fa-table
fa-magic
fa-truck
fa-pinterest
fa-pinterest-square
fa-google-plus-square
fa-google-plus
fa-money
fa-caret-down
fa-caret-up
fa-caret-left
fa-caret-right
fa-columns
fa-sort
fa-sort-desc
fa-sort-asc
fa-envelope
fa-linkedin
fa-undo
fa-gavel
fa-tachometer
fa-comment-o
fa-comments-o
fa-bolt
fa-sitemap
fa-umbrella
fa-clipboard
fa-lightbulb-o
fa-exchange
fa-cloud-download
fa-cloud-upload
fa-user-md
fa-stethoscope
fa-suitcase
fa-bell
fa-coffee
fa-cutlery
fa-file-text-o
fa-building-o
fa-hospital-o
fa-ambulance
fa-medkit
fa-fighter-jet
fa-beer
fa-h-square
fa-plus-square
fa-angle-double-left
fa-angle-double-right
fa-angle-double-up
fa-angle-double-down
fa-angle-left
fa-angle-right
fa-angle-up
fa-angle-down
fa-desktop
fa-laptop
fa-tablet
fa-mobile
fa-circle-o
fa-quote-left
fa-quote-right
fa-spinner
fa-circle
fa-reply
fa-github-alt
fa-folder-o
fa-folder-open-o
fa-smile-o
fa-frown-o
fa-meh-o
fa-gamepad
fa-keyboard-o
fa-flag-o
fa-flag-checkered
fa-terminal
fa-code
fa-reply-all
fa-star-half-o
fa-location-arrow
fa-crop
fa-code-fork
fa-chain-broken
fa-question
fa-info
fa-exclamation
fa-superscript
fa-subscript
fa-eraser
fa-puzzle-piece
fa-microphone
fa-microphone-slash
fa-shield
fa-calendar-o
fa-fire-extinguisher
fa-rocket
fa-maxcdn
fa-chevron-circle-left
fa-chevron-circle-right
fa-chevron-circle-up
fa-chevron-circle-down
fa-html5
fa-css3
fa-anchor
fa-unlock-alt
fa-bullseye
fa-ellipsis-h
fa-ellipsis-v
fa-rss-square
fa-play-circle
fa-ticket
fa-minus-square
fa-minus-square-o
fa-level-up
fa-level-down
fa-check-square
fa-pencil-square
fa-external-link-square
fa-share-square
fa-compass
fa-caret-square-o-down
fa-caret-square-o-up
fa-caret-square-o-right
fa-eur
fa-gbp
fa-usd
fa-inr
fa-jpy
fa-rub
fa-krw
fa-btc
fa-file
fa-file-text
fa-sort-alpha-asc
fa-sort-alpha-desc
fa-sort-amount-asc
fa-sort-amount-desc
fa-sort-numeric-asc
fa-sort-numeric-desc
fa-thumbs-up
fa-thumbs-down
fa-youtube-square
fa-youtube
fa-xing
fa-xing-square
fa-youtube-play
fa-dropbox
fa-stack-overflow
fa-instagram
fa-flickr
fa-adn
fa-bitbucket
fa-bitbucket-square
fa-tumblr
fa-tumblr-square
fa-long-arrow-down
fa-long-arrow-up
fa-long-arrow-left
fa-long-arrow-right
fa-apple
fa-windows
fa-android
fa-linux
fa-dribbble
fa-skype
fa-foursquare
fa-trello
fa-female
fa-male
fa-gratipay
fa-sun-o
fa-moon-o
fa-archive
fa-bug
fa-vk
fa-weibo
fa-renren
fa-pagelines
fa-stack-exchange
fa-arrow-circle-o-right
fa-arrow-circle-o-left
fa-caret-square-o-left
fa-dot-circle-o
fa-wheelchair
fa-vimeo-square
fa-try
fa-plus-square-o
fa-space-shuttle
fa-slack
fa-envelope-square
fa-wordpress
fa-openid
fa-university
fa-graduation-cap
fa-yahoo
fa-google
fa-reddit
fa-reddit-square
fa-stumbleupon-circle
fa-stumbleupon
fa-delicious
fa-digg
fa-pied-piper-pp
fa-pied-piper-alt
fa-drupal
fa-joomla
fa-language
fa-fax
fa-building
fa-child
fa-paw
fa-spoon
fa-cube
fa-cubes
fa-behance
fa-behance-square
fa-steam
fa-steam-square
fa-recycle
fa-car
fa-taxi
fa-tree
fa-spotify
fa-deviantart
fa-soundcloud
fa-database
fa-file-pdf-o
fa-file-word-o
fa-file-excel-o
fa-file-powerpoint-o
fa-file-image-o
fa-file-archive-o
fa-file-audio-o
fa-file-video-o
fa-file-code-o
fa-vine
fa-codepen
fa-jsfiddle
fa-life-ring
fa-circle-o-notch
fa-rebel
fa-empire
fa-git-square
fa-git
fa-hacker-news
fa-tencent-weibo
fa-qq
fa-weixin
fa-paper-plane
fa-paper-plane-o
fa-history
fa-circle-thin
fa-header
fa-paragraph
fa-sliders
fa-share-alt
fa-share-alt-square
fa-bomb
fa-futbol-o
fa-tty
fa-binoculars
fa-plug
fa-slideshare
fa-twitch
fa-yelp
fa-newspaper-o
fa-wifi
fa-calculator
fa-paypal
fa-google-wallet
fa-cc-visa
fa-cc-mastercard
fa-cc-discover
fa-cc-amex
fa-cc-paypal
fa-cc-stripe
fa-bell-slash
fa-bell-slash-o
fa-trash
fa-copyright
fa-at
fa-eyedropper
fa-paint-brush
fa-birthday-cake
fa-area-chart
fa-pie-chart
fa-line-chart
fa-lastfm
fa-lastfm-square
fa-toggle-off
fa-toggle-on
fa-bicycle
fa-bus
fa-ioxhost
fa-angellist
fa-cc
fa-ils
fa-meanpath
fa-buysellads
fa-connectdevelop
fa-dashcube
fa-forumbee
fa-leanpub
fa-sellsy
fa-shirtsinbulk
fa-simplybuilt
fa-skyatlas
fa-cart-plus
fa-cart-arrow-down
fa-diamond
fa-ship
fa-user-secret
fa-motorcycle
fa-street-view
fa-heartbeat
fa-venus
fa-mars
fa-mercury
fa-transgender
fa-transgender-alt
fa-venus-double
fa-mars-double
fa-venus-mars
fa-mars-stroke
fa-mars-stroke-v
fa-mars-stroke-h
fa-neuter
fa-genderless
fa-facebook-official
fa-pinterest-p
fa-whatsapp
fa-server
fa-user-plus
fa-user-times
fa-bed
fa-viacoin
fa-train
fa-subway
fa-medium
fa-y-combinator
fa-optin-monster
fa-opencart
fa-expeditedssl
fa-battery-full
fa-battery-three-quarters
fa-battery-half
fa-battery-quarter
fa-battery-empty
fa-mouse-pointer
fa-i-cursor
fa-object-group
fa-object-ungroup
fa-sticky-note
fa-sticky-note-o
fa-cc-jcb
fa-cc-diners-club
fa-clone
fa-balance-scale
fa-hourglass-o
fa-hourglass-start
fa-hourglass-half
fa-hourglass-end
fa-hourglass
fa-hand-rock-o
fa-hand-paper-o
fa-hand-scissors-o
fa-hand-lizard-o
fa-hand-spock-o
fa-hand-pointer-o
fa-hand-peace-o
fa-trademark
fa-registered
fa-creative-commons
fa-gg
fa-gg-circle
fa-tripadvisor
fa-odnoklassniki
fa-odnoklassniki-square
fa-get-pocket
fa-wikipedia-w
fa-safari
fa-chrome
fa-firefox
fa-opera
fa-internet-explorer
fa-television
fa-contao
fa-500px
fa-amazon
fa-calendar-plus-o
fa-calendar-minus-o
fa-calendar-times-o
fa-calendar-check-o
fa-industry
fa-map-pin
fa-map-signs
fa-map-o
fa-map
fa-commenting
fa-commenting-o
fa-houzz
fa-vimeo
fa-black-tie
fa-fonticons
fa-reddit-alien
fa-edge
fa-credit-card-alt
fa-codiepie
fa-modx
fa-fort-awesome
fa-usb
fa-product-hunt
fa-mixcloud
fa-scribd
fa-pause-circle
fa-pause-circle-o
fa-stop-circle
fa-stop-circle-o
fa-shopping-bag
fa-shopping-basket
fa-hashtag
fa-bluetooth
fa-bluetooth-b
fa-percent
fa-gitlab
fa-wpbeginner
fa-wpforms
fa-envira
fa-universal-access
fa-wheelchair-alt
fa-question-circle-o
fa-blind
fa-audio-description
fa-volume-control-phone
fa-braille
fa-assistive-listening-systems
fa-american-sign-language-interpreting
fa-deaf
fa-glide
fa-glide-g
fa-sign-language
fa-low-vision
fa-viadeo
fa-viadeo-square
fa-snapchat
fa-snapchat-ghost
fa-snapchat-square
fa-pied-piper
fa-first-order
fa-yoast
fa-themeisle
fa-google-plus-official
fa-font-awesome
fa-handshake-o
fa-envelope-open
fa-envelope-open-o
fa-linode
fa-address-book
fa-address-book-o
fa-address-card
fa-address-card-o
fa-user-circle
fa-user-circle-o
fa-user-o
fa-id-badge
fa-id-card
fa-id-card-o
fa-quora
fa-free-code-camp
fa-telegram
fa-thermometer-full
fa-thermometer-three-quarters
fa-thermometer-half
fa-thermometer-quarter
fa-thermometer-empty
fa-shower
fa-bath
fa-podcast
fa-window-maximize
fa-window-minimize
fa-window-restore
fa-window-close
fa-window-close-o
fa-bandcamp
fa-grav
fa-etsy
fa-imdb
fa-ravelry
fa-eercast
fa-microchip
fa-snowflake-o
fa-superpowers
fa-wpexplorer
fa-meetup

Glyphicons (from Bootstrap 3.3.7)

Download: sprite-bootstrap-3.3.7-glyphicons.svg

*
+
glyphicon-eur
glyphicon-minus
glyphicon-cloud
glyphicon-envelope
glyphicon-pencil
glyphicon-glass
glyphicon-music
glyphicon-search
glyphicon-heart
glyphicon-star
glyphicon-star-empty
glyphicon-user
glyphicon-film
glyphicon-th-large
glyphicon-th
glyphicon-th-list
glyphicon-ok
glyphicon-remove
glyphicon-zoom-in
glyphicon-zoom-out
glyphicon-off
glyphicon-signal
glyphicon-cog
glyphicon-trash
glyphicon-home
glyphicon-file
glyphicon-time
glyphicon-road
glyphicon-download-alt
glyphicon-download
glyphicon-upload
glyphicon-inbox
glyphicon-play-circle
glyphicon-repeat
glyphicon-refresh
glyphicon-list-alt
glyphicon-lock
glyphicon-flag
glyphicon-headphones
glyphicon-volume-off
glyphicon-volume-down
glyphicon-volume-up
glyphicon-qrcode
glyphicon-barcode
glyphicon-tag
glyphicon-tags
glyphicon-book
glyphicon-bookmark
glyphicon-print
glyphicon-camera
glyphicon-font
glyphicon-bold
glyphicon-italic
glyphicon-text-height
glyphicon-text-width
glyphicon-align-left
glyphicon-align-center
glyphicon-align-right
glyphicon-align-justify
glyphicon-list
glyphicon-indent-left
glyphicon-indent-right
glyphicon-facetime-video
glyphicon-picture
glyphicon-map-marker
glyphicon-adjust
glyphicon-tint
glyphicon-edit
glyphicon-share
glyphicon-check
glyphicon-move
glyphicon-step-backward
glyphicon-fast-backward
glyphicon-backward
glyphicon-play
glyphicon-pause
glyphicon-stop
glyphicon-forward
glyphicon-fast-forward
glyphicon-step-forward
glyphicon-eject
glyphicon-chevron-left
glyphicon-chevron-right
glyphicon-plus-sign
glyphicon-minus-sign
glyphicon-remove-sign
glyphicon-ok-sign
glyphicon-question-sign
glyphicon-info-sign
glyphicon-screenshot
glyphicon-remove-circle
glyphicon-ok-circle
glyphicon-ban-circle
glyphicon-arrow-left
glyphicon-arrow-right
glyphicon-arrow-up
glyphicon-arrow-down
glyphicon-share-alt
glyphicon-resize-full
glyphicon-resize-small
glyphicon-exclamation-sign
glyphicon-gift
glyphicon-leaf
glyphicon-fire
glyphicon-eye-open
glyphicon-eye-close
glyphicon-warning-sign
glyphicon-plane
glyphicon-calendar
glyphicon-random
glyphicon-comment
glyphicon-magnet
glyphicon-chevron-up
glyphicon-chevron-down
glyphicon-retweet
glyphicon-shopping-cart
glyphicon-folder-close
glyphicon-folder-open
glyphicon-resize-vertical
glyphicon-resize-horizontal
glyphicon-hdd
glyphicon-bullhorn
glyphicon-bell
glyphicon-certificate
glyphicon-thumbs-up
glyphicon-thumbs-down
glyphicon-hand-right
glyphicon-hand-left
glyphicon-hand-up
glyphicon-hand-down
glyphicon-circle-arrow-right
glyphicon-circle-arrow-left
glyphicon-circle-arrow-up
glyphicon-circle-arrow-down
glyphicon-globe
glyphicon-wrench
glyphicon-tasks
glyphicon-filter
glyphicon-briefcase
glyphicon-fullscreen
glyphicon-dashboard
glyphicon-paperclip
glyphicon-heart-empty
glyphicon-link
glyphicon-phone
glyphicon-pushpin
glyphicon-usd
glyphicon-gbp
glyphicon-sort
glyphicon-sort-by-alphabet
glyphicon-sort-by-alphabet-alt
glyphicon-sort-by-order
glyphicon-sort-by-order-alt
glyphicon-sort-by-attributes
glyphicon-sort-by-attributes-alt
glyphicon-unchecked
glyphicon-expand
glyphicon-collapse-down
glyphicon-collapse-up
glyphicon-log-in
glyphicon-flash
glyphicon-log-out
glyphicon-new-window
glyphicon-record
glyphicon-save
glyphicon-open
glyphicon-saved
glyphicon-import
glyphicon-export
glyphicon-send
glyphicon-floppy-disk
glyphicon-floppy-saved
glyphicon-floppy-remove
glyphicon-floppy-save
glyphicon-floppy-open
glyphicon-credit-card
glyphicon-transfer
glyphicon-cutlery
glyphicon-header
glyphicon-compressed
glyphicon-earphone
glyphicon-phone-alt
glyphicon-tower
glyphicon-stats
glyphicon-sd-video
glyphicon-hd-video
glyphicon-subtitles
glyphicon-sound-stereo
glyphicon-sound-dolby
glyphicon-sound-5-1
glyphicon-sound-6-1
glyphicon-sound-7-1
glyphicon-copyright-mark
glyphicon-registration-mark
glyphicon-cloud-download
glyphicon-cloud-upload
glyphicon-tree-conifer
glyphicon-tree-deciduous
Source Code: https://github.com/diafygi/svg-font-to-svg-sprite-converter