SVG Icons

These are the SVG icons this version uses, grouped by file. Click "Copy" to copy the code of an icon, then paste it into your page.

icons-basket.svg

File: assets/images/icons-basket.svg. The df-icon classes in the CSS set the size and color of each icon.

basketball
<svg role="img" class="df-icon df-icon--basketball"><use xlink:href="assets/images/icons-basket.svg#basketball"/></svg>
jersey
<svg role="img" class="df-icon df-icon--jersey"><use xlink:href="assets/images/icons-basket.svg#jersey"/></svg>
bag
<svg role="img" class="df-icon df-icon--bag"><use xlink:href="assets/images/icons-basket.svg#bag"/></svg>
bag-handle
<svg role="img" class="df-icon df-icon--bag-handle"><use xlink:href="assets/images/icons-basket.svg#bag-handle"/></svg>
points-per-game
<svg role="img" class="df-icon df-icon--points-per-game"><use xlink:href="assets/images/icons-basket.svg#points-per-game"/></svg>
assists-per-game
<svg role="img" class="df-icon df-icon--assists-per-game"><use xlink:href="assets/images/icons-basket.svg#assists-per-game"/></svg>
rebounds-per-game
<svg role="img" class="df-icon df-icon--rebounds-per-game"><use xlink:href="assets/images/icons-basket.svg#rebounds-per-game"/></svg>
map-pin-o
<svg role="img" class="df-icon df-icon--map-pin-o"><use xlink:href="assets/images/icons-basket.svg#map-pin-o"/></svg>
trophy-o
<svg role="img" class="df-icon df-icon--trophy-o"><use xlink:href="assets/images/icons-basket.svg#trophy-o"/></svg>
calendar-o
<svg role="img" class="df-icon df-icon--calendar-o"><use xlink:href="assets/images/icons-basket.svg#calendar-o"/></svg>
whistle-o
<svg role="img" class="df-icon df-icon--whistle-o"><use xlink:href="assets/images/icons-basket.svg#whistle-o"/></svg>
person-o
<svg role="img" class="df-icon df-icon--person-o"><use xlink:href="assets/images/icons-basket.svg#person-o"/></svg>

icons.svg

File: assets/images/icons.svg. The df-icon classes in the CSS set the size and color of each icon.

trophy
<svg role="img" class="df-icon df-icon--trophy"><use xlink:href="assets/images/icons.svg#trophy"/></svg>