add-circle-outline icon add-circle icon add icon apps icon arrow-back icon arrow-down icon arrow-drop-down icon arrow-drop-up icon arrow-forward icon arrow-up icon book icon bookmark-outline-plus icon bookmark-remove icon check-box-outline-blank icon check-box icon check icon chevron-left icon chevron-right icon close icon delete icon do-not-disturb icon done icon edit icon email icon error icon file-image icon file icon grid-on icon help icon image icon info-outline icon info icon list icon menu icon more-horiz icon more-vert icon notifications icon pause icon people icon platform-3ds icon platform-linux icon platform-mac icon platform-nintendo icon platform-pc icon platform-ps icon platform-sega icon platform-xbox icon play-arrow icon profile icon remove-circle-outline icon remove-circle icon remove icon search icon server icon settings icon share icon star-outline icon star icon sync icon thumb-down icon thumb-up icon twiiter icon view-headline icon view-list icon view-module icon warning-stop icon warning icon

Gulp SVG Symbols demo page

#add-circle-outline

<svg role="img" class="add-circle-outline">
  <use xlink:href="#add-circle-outline"></use>
</svg>

#add-circle

<svg role="img" class="add-circle">
  <use xlink:href="#add-circle"></use>
</svg>

#add

<svg role="img" class="add">
  <use xlink:href="#add"></use>
</svg>

#apps

<svg role="img" class="apps">
  <use xlink:href="#apps"></use>
</svg>

#arrow-back

<svg role="img" class="arrow-back">
  <use xlink:href="#arrow-back"></use>
</svg>

#arrow-down

<svg role="img" class="arrow-down">
  <use xlink:href="#arrow-down"></use>
</svg>

#arrow-drop-down

<svg role="img" class="arrow-drop-down">
  <use xlink:href="#arrow-drop-down"></use>
</svg>

#arrow-drop-up

<svg role="img" class="arrow-drop-up">
  <use xlink:href="#arrow-drop-up"></use>
</svg>

#arrow-forward

<svg role="img" class="arrow-forward">
  <use xlink:href="#arrow-forward"></use>
</svg>

#arrow-up

<svg role="img" class="arrow-up">
  <use xlink:href="#arrow-up"></use>
</svg>

#book

<svg role="img" class="book">
  <use xlink:href="#book"></use>
</svg>

#bookmark-outline-plus

<svg role="img" class="bookmark-outline-plus">
  <use xlink:href="#bookmark-outline-plus"></use>
</svg>

#bookmark-remove

<svg role="img" class="bookmark-remove">
  <use xlink:href="#bookmark-remove"></use>
</svg>

#check-box-outline-blank

<svg role="img" class="check-box-outline-blank">
  <use xlink:href="#check-box-outline-blank"></use>
</svg>

#check-box

<svg role="img" class="check-box">
  <use xlink:href="#check-box"></use>
</svg>

#check

<svg role="img" class="check">
  <use xlink:href="#check"></use>
</svg>

#chevron-left

<svg role="img" class="chevron-left">
  <use xlink:href="#chevron-left"></use>
</svg>

#chevron-right

<svg role="img" class="chevron-right">
  <use xlink:href="#chevron-right"></use>
</svg>

#close

<svg role="img" class="close">
  <use xlink:href="#close"></use>
</svg>

#delete

<svg role="img" class="delete">
  <use xlink:href="#delete"></use>
</svg>

#do-not-disturb

<svg role="img" class="do-not-disturb">
  <use xlink:href="#do-not-disturb"></use>
</svg>

#done

<svg role="img" class="done">
  <use xlink:href="#done"></use>
</svg>

#edit

<svg role="img" class="edit">
  <use xlink:href="#edit"></use>
</svg>

#email

<svg role="img" class="email">
  <use xlink:href="#email"></use>
</svg>

#error

<svg role="img" class="error">
  <use xlink:href="#error"></use>
</svg>

#file-image

<svg role="img" class="file-image">
  <use xlink:href="#file-image"></use>
</svg>

#file

<svg role="img" class="file">
  <use xlink:href="#file"></use>
</svg>

#grid-on

<svg role="img" class="grid-on">
  <use xlink:href="#grid-on"></use>
</svg>

#help

<svg role="img" class="help">
  <use xlink:href="#help"></use>
</svg>

#image

<svg role="img" class="image">
  <use xlink:href="#image"></use>
</svg>

#info-outline

<svg role="img" class="info-outline">
  <use xlink:href="#info-outline"></use>
</svg>

#info

<svg role="img" class="info">
  <use xlink:href="#info"></use>
</svg>

#list

<svg role="img" class="list">
  <use xlink:href="#list"></use>
</svg>

#menu

<svg role="img" class="menu">
  <use xlink:href="#menu"></use>
</svg>

#more-horiz

<svg role="img" class="more-horiz">
  <use xlink:href="#more-horiz"></use>
</svg>

#more-vert

<svg role="img" class="more-vert">
  <use xlink:href="#more-vert"></use>
</svg>

#notifications

<svg role="img" class="notifications">
  <use xlink:href="#notifications"></use>
</svg>

#pause

<svg role="img" class="pause">
  <use xlink:href="#pause"></use>
</svg>

#people

<svg role="img" class="people">
  <use xlink:href="#people"></use>
</svg>

#platform-3ds

<svg role="img" class="platform-3ds">
  <use xlink:href="#platform-3ds"></use>
</svg>

#platform-linux

<svg role="img" class="platform-linux">
  <use xlink:href="#platform-linux"></use>
</svg>

#platform-mac

<svg role="img" class="platform-mac">
  <use xlink:href="#platform-mac"></use>
</svg>

#platform-nintendo

<svg role="img" class="platform-nintendo">
  <use xlink:href="#platform-nintendo"></use>
</svg>

#platform-pc

<svg role="img" class="platform-pc">
  <use xlink:href="#platform-pc"></use>
</svg>

#platform-ps

<svg role="img" class="platform-ps">
  <use xlink:href="#platform-ps"></use>
</svg>

#platform-sega

<svg role="img" class="platform-sega">
  <use xlink:href="#platform-sega"></use>
</svg>

#platform-xbox

<svg role="img" class="platform-xbox">
  <use xlink:href="#platform-xbox"></use>
</svg>

#play-arrow

<svg role="img" class="play-arrow">
  <use xlink:href="#play-arrow"></use>
</svg>

#profile

<svg role="img" class="profile">
  <use xlink:href="#profile"></use>
</svg>

#remove-circle-outline

<svg role="img" class="remove-circle-outline">
  <use xlink:href="#remove-circle-outline"></use>
</svg>

#remove-circle

<svg role="img" class="remove-circle">
  <use xlink:href="#remove-circle"></use>
</svg>

#remove

<svg role="img" class="remove">
  <use xlink:href="#remove"></use>
</svg>

#search

<svg role="img" class="search">
  <use xlink:href="#search"></use>
</svg>

#server

<svg role="img" class="server">
  <use xlink:href="#server"></use>
</svg>

#settings

<svg role="img" class="settings">
  <use xlink:href="#settings"></use>
</svg>

#share

<svg role="img" class="share">
  <use xlink:href="#share"></use>
</svg>

#star-outline

<svg role="img" class="star-outline">
  <use xlink:href="#star-outline"></use>
</svg>

#star

<svg role="img" class="star">
  <use xlink:href="#star"></use>
</svg>

#sync

<svg role="img" class="sync">
  <use xlink:href="#sync"></use>
</svg>

#thumb-down

<svg role="img" class="thumb-down">
  <use xlink:href="#thumb-down"></use>
</svg>

#thumb-up

<svg role="img" class="thumb-up">
  <use xlink:href="#thumb-up"></use>
</svg>

#twiiter

<svg role="img" class="twiiter">
  <use xlink:href="#twiiter"></use>
</svg>

#view-headline

<svg role="img" class="view-headline">
  <use xlink:href="#view-headline"></use>
</svg>

#view-list

<svg role="img" class="view-list">
  <use xlink:href="#view-list"></use>
</svg>

#view-module

<svg role="img" class="view-module">
  <use xlink:href="#view-module"></use>
</svg>

#warning-stop

<svg role="img" class="warning-stop">
  <use xlink:href="#warning-stop"></use>
</svg>

#warning

<svg role="img" class="warning">
  <use xlink:href="#warning"></use>
</svg>