Home Explore Help
Sign In
mirror
/
material-design-icons
Watch 2
Star 1
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Branch: master
Branches Tags
material-des...
/
sprites
/
svg-sprite
/
svg-sprite-hardware.html

svg-sprite-hardware.html 53 KB
Permalink History Raw

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033 
  1. <!DOCTYPE html>
    2. 

  2. <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
    3. 

  3. 	<head>
    4. 

  4. 		<meta charset="utf-8" />
    5. 

  5. 		<meta http-equiv="X-UA-Compatible" content="IE=Edge">
    6. 

  6. 		<script src="https://rawgit.com/jonathantneal/svg4everybody/master/svg4everybody.js"></script>
    7. 

  7. 		<title>SVG sprite preview | svg-sprite</title>
    8. 

  8. 		<style>@charset "UTF-8";body{padding:0;margin:0;color:#666;background:#fafafa;font-family:Arial,Helvetica,sans-serif;font-size:1em;line-height:1.4}header{display:block;padding:3em 3em 2em 3em;background-color:#fff}header p{margin:2em 0 0 0}section{border-top:1px solid #eee;padding:2em 3em 0 3em}section ul{margin:0;padding:0}section li{display:inline;display:inline-block;background-color:#fff;position:relative;margin:0 2em 2em 0;vertical-align:top;border:1px solid #ccc;padding:1em 1em 3em 1em;cursor:default}.icon-box{margin:0;width:144px;height:144px;position:relative;background:#ccc url(data:image/gif;base64,R0lGODlhDAAMAIAAAMzMzP///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjEgNjQuMTQwOTQ5LCAyMDEwLzEyLzA3LTEwOjU3OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozQjk4OTI0MUY5NTIxMUUyQkJDMEI5NEFEM0Y1QTYwQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozQjk4OTI0MkY5NTIxMUUyQkJDMEI5NEFEM0Y1QTYwQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNCOTg5MjNGRjk1MjExRTJCQkMwQjk0QUQzRjVBNjBDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCOTg5MjQwRjk1MjExRTJCQkMwQjk0QUQzRjVBNjBDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAAAwADAAAAhaEH6mHmmzcgzJAUG/NVGrfOZ8YLlABADs=) top left repeat;border:1px solid #ccc;display:table-cell;vertical-align:middle;text-align:center}.icon{display:inline;display:inline-block}h1{margin-top:0}h2{margin:0;padding:0;font-size:1em;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:absolute;left:1em;right:1em;bottom:1em}footer{display:block;margin:0;padding:0 3em 3em 3em}footer p{margin:0;font-size:.7em}footer a{color:#0f7595;margin-left:0}</style>
    9. 

  9. 		
    10. 

  10. <!--
    11. 

  11. 	
    12. 

  12. Sprite image dimensions
    13. 

  13. ====================================================================================================
    14. 

  14. You will need to set the sprite image dimensions via CSS when you use them as inline SVG, otherwise
    15. 

  15. they would become a huge 100% in size. You may use the following dimension classes for doing so.
    16. 

  16. They might well be outsourced to an external stylesheet of course.
    17. 

  17. 

  18. -->
    19. 

  19. <style type="text/css">
    20. 

  20. 	.svg-ic_cast_24px-dims { width: 24px; height: 24px; }
    21. 

  21. 	.svg-ic_cast_connected_24px-dims { width: 24px; height: 24px; }
    22. 

  22. 	.svg-ic_computer_24px-dims { width: 24px; height: 24px; }
    23. 

  23. 	.svg-ic_desktop_mac_24px-dims { width: 24px; height: 24px; }
    24. 

  24. 	.svg-ic_desktop_windows_24px-dims { width: 24px; height: 24px; }
    25. 

  25. 	.svg-ic_dock_24px-dims { width: 24px; height: 24px; }
    26. 

  26. 	.svg-ic_gamepad_24px-dims { width: 24px; height: 24px; }
    27. 

  27. 	.svg-ic_headset_24px-dims { width: 24px; height: 24px; }
    28. 

  28. 	.svg-ic_headset_mic_24px-dims { width: 24px; height: 24px; }
    29. 

  29. 	.svg-ic_keyboard_24px-dims { width: 24px; height: 24px; }
    30. 

  30. 	.svg-ic_keyboard_alt_24px-dims { width: 24px; height: 24px; }
    31. 

  31. 	.svg-ic_keyboard_arrow_down_24px-dims { width: 24px; height: 24px; }
    32. 

  32. 	.svg-ic_keyboard_arrow_left_24px-dims { width: 24px; height: 24px; }
    33. 

  33. 	.svg-ic_keyboard_arrow_right_24px-dims { width: 24px; height: 24px; }
    34. 

  34. 	.svg-ic_keyboard_arrow_up_24px-dims { width: 24px; height: 24px; }
    35. 

  35. 	.svg-ic_keyboard_backspace_24px-dims { width: 24px; height: 24px; }
    36. 

  36. 	.svg-ic_keyboard_capslock_24px-dims { width: 24px; height: 24px; }
    37. 

  37. 	.svg-ic_keyboard_control_24px-dims { width: 24px; height: 24px; }
    38. 

  38. 	.svg-ic_keyboard_hide_24px-dims { width: 24px; height: 24px; }
    39. 

  39. 	.svg-ic_keyboard_return_24px-dims { width: 24px; height: 24px; }
    40. 

  40. 	.svg-ic_keyboard_tab_24px-dims { width: 24px; height: 24px; }
    41. 

  41. 	.svg-ic_keyboard_voice_24px-dims { width: 24px; height: 24px; }
    42. 

  42. 	.svg-ic_laptop_24px-dims { width: 24px; height: 24px; }
    43. 

  43. 	.svg-ic_laptop_chromebook_24px-dims { width: 24px; height: 24px; }
    44. 

  44. 	.svg-ic_laptop_mac_24px-dims { width: 24px; height: 24px; }
    45. 

  45. 	.svg-ic_laptop_windows_24px-dims { width: 24px; height: 24px; }
    46. 

  46. 	.svg-ic_memory_24px-dims { width: 24px; height: 24px; }
    47. 

  47. 	.svg-ic_mouse_24px-dims { width: 24px; height: 24px; }
    48. 

  48. 	.svg-ic_phone_android_24px-dims { width: 24px; height: 24px; }
    49. 

  49. 	.svg-ic_phone_iphone_24px-dims { width: 24px; height: 24px; }
    50. 

  50. 	.svg-ic_phonelink_24px-dims { width: 24px; height: 24px; }
    51. 

  51. 	.svg-ic_phonelink_off_24px-dims { width: 24px; height: 24px; }
    52. 

  52. 	.svg-ic_security_24px-dims { width: 24px; height: 24px; }
    53. 

  53. 	.svg-ic_sim_card_24px-dims { width: 24px; height: 24px; }
    54. 

  54. 	.svg-ic_smartphone_24px-dims { width: 24px; height: 24px; }
    55. 

  55. 	.svg-ic_speaker_24px-dims { width: 24px; height: 24px; }
    56. 

  56. 	.svg-ic_tablet_24px-dims { width: 24px; height: 24px; }
    57. 

  57. 	.svg-ic_tablet_android_24px-dims { width: 24px; height: 24px; }
    58. 

  58. 	.svg-ic_tablet_mac_24px-dims { width: 24px; height: 24px; }
    59. 

  59. 	.svg-ic_tv_24px-dims { width: 24px; height: 24px; }
    60. 

  60. 	.svg-ic_watch_24px-dims { width: 24px; height: 24px; }
    61. 

  61. </style>
    62. 

  62. <!--
    63. 

  63. ====================================================================================================
    64. 

  64. -->
    65. 

  65. 

  66. 	</head>
    67. 

  67. 	<body>
    68. 

  68. 	
    69. 

  69. <!--
    70. 

  70. 	
    71. 

  71. Inline SVG sprite
    72. 

  72. ====================================================================================================
    73. 

  73. This is an inlined version of the generated SVG sprite. The single images may be <use>d everywhere
    74. 

  74. below within this document. Please see https://github.com/jkphl/svg-sprite#inline-embedding for
    75. 

  75. further details on how to create this embeddable sprite variant.
    76. 

  76. 

  77. -->
    78. 

  78. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="0" height="0" style="position:absolute">
    79. 

  79. 	<defs>
    80. 

  80. 		<svg width="24" height="24" viewBox="0 0 24 24" id="ic_cast_24px" y="0"><path d="M21 3H3c-1.1 0-2 .9-2 2v3h2V5h18v14h-7v2h7c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM1 18v3h3c0-1.66-1.34-3-3-3zm0-4v2c2.76 0 5 2.24 5 5h2c0-3.87-3.13-7-7-7zm0-4v2c4.97 0 9 4.03 9 9h2c0-6.08-4.93-11-11-11z"/></svg>		<svg width="24" height="24" viewBox="0 0 24 24" id="ic_cast_connected_24px" y="24"><path d="M1 18v3h3c0-1.66-1.34-3-3-3zm0-4v2c2.76 0 5 2.24 5 5h2c0-3.87-3.13-7-7-7zm18-7H5v1.63c3.96 1.28 7.09 4.41 8.37 8.37H19V7zM1 10v2c4.97 0 9 4.03 9 9h2c0-6.08-4.93-11-11-11zm20-7H3c-1.1 0-2 .9-2 2v3h2V5h18v14h-7v2h7c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"/></svg>		<svg width="24" height="24" viewBox="0 0 24 24" id="ic_computer_24px" y="48"><path d="M20 18c1.1 0 1.99-.9 1.99-2L22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2H0v2h24v-2h-4zM4 6h16v10H4V6z"/></svg>		<svg width="24" height="24" viewBox="0 0 24 24" id="ic_desktop_mac_24px" y="72"><path d="M21 2H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h7l-2 3v1h8v-1l-2-3h7c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 12H3V4h18v10z"/></svg>		<svg width="24" height="24" viewBox="0 0 24 24" id="ic_desktop_windows_24px" y="96"><path d="M21 2H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h7v2H8v2h8v-2h-2v-2h7c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H3V4h18v12z"/></svg>		<svg width="24" height="24" viewBox="0 0 24 24" id="ic_dock_24px" y="120"><path d="M8 23h8v-2H8v2zm8-21.99L8 1c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V3c0-1.1-.9-1.99-2-1.99zM16 15H8V5h8v10z"/></svg>		<svg width="24" height="24" viewBox="0 0 24 24" id="ic_gamepad_24px" y="144"><path d="M15 7.5V2H9v5.5l3 3 3-3zM7.5 9H2v6h5.5l3-3-3-3zM9 16.5V22h6v-5.5l-3-3-3 3zM16.5 9l-3 3 3 3H22V9h-5.5z"/></svg>		<svg width="24" height="24" viewBox="0 0 24 24" id="ic_headset_24px" y="168"><path d="M12 1c-4.97 0-9 4.03-9 9v7c0 1.66 1.34 3 3 3h3v-8H5v-2c0-3.87 3.13-7 7-7s7 3.13 7 7v2h-4v8h3c1.66 0 3-1.34 3-3v-7c0-4.97-4.03-9-9-9z"/></svg>		<svg width="24" height="24" viewBox="0 0 24 24" id="ic_headset_mic_24px" y="192"><path d="M12 1c-4.97 0-9 4.03-9 9v7c0 1.66 1.34 3 3 3h3v-8H5v-2c0-3.87 3.13-7 7-7s7 3.13 7 7v2h-4v8h4v1h-7v2h6c1.66 0 3-1.34 3-3V10c0-4.97-4.03-9-9-9z"/></svg>		<svg width="24" height="24" viewBox="0 0 24 24" id="ic_keyboard_24px" y="216"><path d="M20 5H4c-1.1 0-1.99.9-1.99 2L2 17c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm-9 3h2v2h-2V8zm0 3h2v2h-2v-2zM8 8h2v2H8V8zm0 3h2v2H8v-2zm-1 2H5v-2h2v2zm0-3H5V8h2v2zm9 7H8v-2h8v2zm0-4h-2v-2h2v2zm0-3h-2V8h2v2zm3 3h-2v-2h2v2zm0-3h-2V8h2v2z"/></svg>		<svg width="24" height="24" viewBox="0 0 24 24" id="ic_keyboard_alt_24px" y="240"><path d="M15.5 10c.83 0 1.5-.67 1.5-1.5S16.33 7 15.5 7 14 7.67 14 8.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 7 8.5 7 7 7.67 7 8.5 7.67 10 8.5 10zm3.5 7c2.61 0 4.83-1.67 5.65-4H6.35c.82 2.33 3.04 4 5.65 4zm-.01-16C6.47 1 2 5.48 2 11s4.47 10 9.99 10C17.52 21 22 16.52 22 11S17.52 1 11.99 1zM12 19c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/></svg>		<svg width="24" height="24" viewBox="0 0 24 24" id="ic_keyboard_arrow_down_24px" y="264"><path d="M7.41 7.84L12 12.42l4.59-4.58L18 9.25l-6 6-6-6z"/></svg>		<svg width="24" height="24" viewBox="0 0 24 24" id="ic_keyboard_arrow_left_24px" y="288"><path d="M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"/></svg>		<svg width="24" height="24" viewBox="0 0 24 24" id="ic_keyboard_arrow_right_24px" y="312"><path d="M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"/></svg>		<svg width="24" height="24" viewBox="0 0 24 24" id="ic_keyboard_arrow_up_24px" y="336"><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"/></svg>		<svg width="24" height="24" viewBox="0 0 24 24" id="ic_keyboard_backspace_24px" y="360"><path d="M21 11H6.83l3.58-3.59L9 6l-6 6 6 6 1.41-1.41L6.83 13H21z"/></svg>		<svg width="24" height="24" viewBox="0 0 24 24" id="ic_keyboard_capslock_24px" y="384"><path d="M12 8.41L16.59 13 18 11.59l-6-6-6 6L7.41 13 12 8.41zM6 18h12v-2H6v2z"/></svg>		<svg width="24" height="24" viewBox="0 0 24 24" id="ic_keyboard_control_24px" y="408"><path d="M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/></svg>		<svg width="24" height="24" viewBox="0 0 24 24" id="ic_keyboard_hide_24px" y="432"><path d="M20 3H4c-1.1 0-1.99.9-1.99 2L2 15c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-9 3h2v2h-2V6zm0 3h2v2h-2V9zM8 6h2v2H8V6zm0 3h2v2H8V9zm-1 2H5V9h2v2zm0-3H5V6h2v2zm9 7H8v-2h8v2zm0-4h-2V9h2v2zm0-3h-2V6h2v2zm3 3h-2V9h2v2zm0-3h-2V6h2v2zm-7 15l4-4H8l4 4z"/></svg>		<svg width="24" height="24" viewBox="0 0 24 24" id="ic_keyboard_return_24px" y="456"><path d="M19 7v4H5.83l3.58-3.59L8 6l-6 6 6 6 1.41-1.41L5.83 13H21V7z"/></svg>		<svg width="24" height="24" viewBox="0 0 24 24" id="ic_keyboard_tab_24px" y="480"><path d="M11.59 7.41L15.17 11H1v2h14.17l-3.59 3.59L13 18l6-6-6-6-1.41 1.41zM20 6v12h2V6h-2z"/></svg>		<svg width="24" height="24" viewBox="0 0 24 24" id="ic_keyboard_voice_24px" y="504"><path d="M12 15c1.66 0 2.99-1.34 2.99-3L15 6c0-1.66-1.34-3-3-3S9 4.34 9 6v6c0 1.66 1.34 3 3 3zm5.3-3c0 3-2.54 5.1-5.3 5.1S6.7 15 6.7 12H5c0 3.42 2.72 6.23 6 6.72V22h2v-3.28c3.28-.48 6-3.3 6-6.72h-1.7z"/></svg>		<svg width="24" height="24" viewBox="0 0 24 24" id="ic_laptop_24px" y="528"><path d="M20 18c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2H0v2h24v-2h-4zM4 6h16v10H4V6z"/></svg>		<svg width="24" height="24" viewBox="0 0 24 24" id="ic_laptop_chromebook_24px" y="552"><path d="M22 18V3H2v15H0v2h24v-2h-2zm-8 0h-4v-1h4v1zm6-3H4V5h16v10z"/></svg>		<svg width="24" height="24" viewBox="0 0 24 24" id="ic_laptop_mac_24px" y="576"><path d="M20 18c1.1 0 1.99-.9 1.99-2L22 5c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v11c0 1.1.9 2 2 2H0c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2h-4zM4 5h16v11H4V5zm8 14c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"/></svg>		<svg width="24" height="24" viewBox="0 0 24 24" id="ic_laptop_windows_24px" y="600"><path d="M20 18v-1c1.1 0 1.99-.9 1.99-2L22 5c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2v1H0v2h24v-2h-4zM4 5h16v10H4V5z"/></svg>		<svg width="24" height="24" viewBox="0 0 24 24" id="ic_memory_24px" y="624"><path d="M15 9H9v6h6V9zm-2 4h-2v-2h2v2zm8-2V9h-2V7c0-1.1-.9-2-2-2h-2V3h-2v2h-2V3H9v2H7c-1.1 0-2 .9-2 2v2H3v2h2v2H3v2h2v2c0 1.1.9 2 2 2h2v2h2v-2h2v2h2v-2h2c1.1 0 2-.9 2-2v-2h2v-2h-2v-2h2zm-4 6H7V7h10v10z"/></svg>		<svg width="24" height="24" viewBox="0 0 24 24" id="ic_mouse_24px" y="648"><path d="M13 1.07V9h7c0-4.08-3.05-7.44-7-7.93zM4 15c0 4.42 3.58 8 8 8s8-3.58 8-8v-4H4v4zm7-13.93C7.05 1.56 4 4.92 4 9h7V1.07z"/></svg>		<svg width="24" height="24" viewBox="0 0 24 24" id="ic_phone_android_24px" y="672"><path d="M16 1H8C6.34 1 5 2.34 5 4v16c0 1.66 1.34 3 3 3h8c1.66 0 3-1.34 3-3V4c0-1.66-1.34-3-3-3zm-2 20h-4v-1h4v1zm3.25-3H6.75V4h10.5v14z"/></svg>		<svg width="24" height="24" viewBox="0 0 24 24" id="ic_phone_iphone_24px" y="696"><path d="M15.5 1h-8C6.12 1 5 2.12 5 3.5v17C5 21.88 6.12 23 7.5 23h8c1.38 0 2.5-1.12 2.5-2.5v-17C18 2.12 16.88 1 15.5 1zm-4 21c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm4.5-4H7V4h9v14z"/></svg>		<svg width="24" height="24" viewBox="0 0 24 24" id="ic_phonelink_24px" y="720"><path d="M4 6h18V4H4c-1.1 0-2 .9-2 2v11H0v3h14v-3H4V6zm19 2h-6c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h6c.55 0 1-.45 1-1V9c0-.55-.45-1-1-1zm-1 9h-4v-7h4v7z"/></svg>		<svg width="24" height="24" viewBox="0 0 24 24" id="ic_phonelink_off_24px" y="744"><path d="M22 6V4H6.82l2 2H22zM1.92 1.65L.65 2.92l1.82 1.82C2.18 5.08 2 5.52 2 6v11H0v3h17.73l2.35 2.35 1.27-1.27L3.89 3.62 1.92 1.65zM4 6.27L14.73 17H4V6.27zM23 8h-6c-.55 0-1 .45-1 1v4.18l2 2V10h4v7h-2.18l3 3H23c.55 0 1-.45 1-1V9c0-.55-.45-1-1-1z"/></svg>		<svg width="24" height="24" viewBox="0 0 24 24" id="ic_security_24px" y="768"><path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z"/></svg>		<svg width="24" height="24" viewBox="0 0 24 24" id="ic_sim_card_24px" y="792"><path d="M19.99 4c0-1.1-.89-2-1.99-2h-8L4 8v12c0 1.1.9 2 2 2h12.01c1.1 0 1.99-.9 1.99-2l-.01-16zM9 19H7v-2h2v2zm8 0h-2v-2h2v2zm-8-4H7v-4h2v4zm4 4h-2v-4h2v4zm0-6h-2v-2h2v2zm4 2h-2v-4h2v4z"/></svg>		<svg width="24" height="24" viewBox="0 0 24 24" id="ic_smartphone_24px" y="816"><path d="M17 1.01L7 1c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-1.99-2-1.99zM17 19H7V5h10v14z"/></svg>		<svg width="24" height="24" viewBox="0 0 24 24" id="ic_speaker_24px" y="840"><path d="M17 2H7c-1.1 0-2 .9-2 2v16c0 1.1.9 1.99 2 1.99L17 22c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-5 2c1.1 0 2 .9 2 2s-.9 2-2 2c-1.11 0-2-.9-2-2s.89-2 2-2zm0 16c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"/></svg>		<svg width="24" height="24" viewBox="0 0 24 24" id="ic_tablet_24px" y="864"><path d="M21 4H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h18c1.1 0 1.99-.9 1.99-2L23 6c0-1.1-.9-2-2-2zm-2 14H5V6h14v12z"/></svg>		<svg width="24" height="24" viewBox="0 0 24 24" id="ic_tablet_android_24px" y="888"><path d="M18 0H6C4.34 0 3 1.34 3 3v18c0 1.66 1.34 3 3 3h12c1.66 0 3-1.34 3-3V3c0-1.66-1.34-3-3-3zm-4 22h-4v-1h4v1zm5.25-3H4.75V3h14.5v16z"/></svg>		<svg width="24" height="24" viewBox="0 0 24 24" id="ic_tablet_mac_24px" y="912"><path d="M18.5 0h-14C3.12 0 2 1.12 2 2.5v19C2 22.88 3.12 24 4.5 24h14c1.38 0 2.5-1.12 2.5-2.5v-19C21 1.12 19.88 0 18.5 0zm-7 23c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm7.5-4H4V3h15v16z"/></svg>		<svg width="24" height="24" viewBox="0 0 24 24" id="ic_tv_24px" y="936"><path d="M21 3H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h5v2h8v-2h5c1.1 0 1.99-.9 1.99-2L23 5c0-1.1-.9-2-2-2zm0 14H3V5h18v12z"/></svg>		<svg width="24" height="24" viewBox="0 0 24 24" id="ic_watch_24px" y="960"><path d="M20 12c0-2.54-1.19-4.81-3.04-6.27L16 0H8l-.95 5.73C5.19 7.19 4 9.45 4 12s1.19 4.81 3.05 6.27L8 24h8l.96-5.73C18.81 16.81 20 14.54 20 12zM6 12c0-3.31 2.69-6 6-6s6 2.69 6 6-2.69 6-6 6-6-2.69-6-6z"/></svg>	</defs>
    81. 

  81. </svg><!--
    82. 

  82. ====================================================================================================
    83. 

  83. -->
    84. 

  84. 		
    85. 

  85. 		<header>
    86. 

  86. 			<h1>SVG sprite preview</h1>
    87. 

  87. 			<p>This preview features two methods of using the generated sprite in conjunction with inline SVG. Please have a look at the HTML source for further details and be aware of the following constraints:</p>
    88. 

  88. 			<ul>
    89. 

  89. 				<li>Your browser has to <a href="http://caniuse.com/svg-html5" target="_blank">support inline SVG</a> for these techniques to work.</li>
    90. 

  90. 				<li>The embedded sprite (A) slightly differs from the generated external one. Please <a href="https://github.com/jkphl/svg-sprite#inline-embedding" target="_blank">see the documentation</a> for details on how to create such an embeddable sprite.</li>
    91. 

  91. 				<li>Internet Explorer up to version 11 doesn't support external sprites for use with inline SVG. For IE 9-11, you may polyfill this functionality with <a href="https://github.com/jonathantneal/svg4everybody" target="_blank">SVG for Everybody</a>.</li>
    92. 

  92. 			</ul>
    93. 

  93. 		</header>
    94. 

  94. 		<section>
    95. 

  95. 

  96. <!--
    97. 

  97. 	
    98. 

  98. Inline SVG with embedded sprite
    99. 

  99. ====================================================================================================
    100. 

  100. These SVG images make use of fragment identifiers (IDs) and are extracted out of the inline sprite
    101. 

  101. embedded above. They may be styled via CSS.
    102. 

  102. -->
    103. 

  103. 			<h3>A) Inline SVG with embedded sprite</h3>
    104. 

  104. 			<ul>
    105. 

  105. 

  106. 				<li title="ic_cast_24px">
    107. 

  107. 					<div class="icon-box">
    108. 

  108. 						
    109. 

  109. 						<!-- ic_cast_24px -->
    110. 

  110. 						<svg viewBox="0 0 24 24" class="svg-ic_cast_24px svg-ic_cast_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    111. 

  111. 							<use xlink:href="#ic_cast_24px"></use>
    112. 

  112. 						</svg>
    113. 

  113. 						
    114. 

  114. 					</div>
    115. 

  115. 					<h2>ic_cast_24px</h2>
    116. 

  116. 				</li>
    117. 

  117. 				<li title="ic_cast_connected_24px">
    118. 

  118. 					<div class="icon-box">
    119. 

  119. 						
    120. 

  120. 						<!-- ic_cast_connected_24px -->
    121. 

  121. 						<svg viewBox="0 24 24 24" class="svg-ic_cast_connected_24px svg-ic_cast_connected_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    122. 

  122. 							<use xlink:href="#ic_cast_connected_24px"></use>
    123. 

  123. 						</svg>
    124. 

  124. 						
    125. 

  125. 					</div>
    126. 

  126. 					<h2>ic_cast_connected_24px</h2>
    127. 

  127. 				</li>
    128. 

  128. 				<li title="ic_computer_24px">
    129. 

  129. 					<div class="icon-box">
    130. 

  130. 						
    131. 

  131. 						<!-- ic_computer_24px -->
    132. 

  132. 						<svg viewBox="0 48 24 24" class="svg-ic_computer_24px svg-ic_computer_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    133. 

  133. 							<use xlink:href="#ic_computer_24px"></use>
    134. 

  134. 						</svg>
    135. 

  135. 						
    136. 

  136. 					</div>
    137. 

  137. 					<h2>ic_computer_24px</h2>
    138. 

  138. 				</li>
    139. 

  139. 				<li title="ic_desktop_mac_24px">
    140. 

  140. 					<div class="icon-box">
    141. 

  141. 						
    142. 

  142. 						<!-- ic_desktop_mac_24px -->
    143. 

  143. 						<svg viewBox="0 72 24 24" class="svg-ic_desktop_mac_24px svg-ic_desktop_mac_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    144. 

  144. 							<use xlink:href="#ic_desktop_mac_24px"></use>
    145. 

  145. 						</svg>
    146. 

  146. 						
    147. 

  147. 					</div>
    148. 

  148. 					<h2>ic_desktop_mac_24px</h2>
    149. 

  149. 				</li>
    150. 

  150. 				<li title="ic_desktop_windows_24px">
    151. 

  151. 					<div class="icon-box">
    152. 

  152. 						
    153. 

  153. 						<!-- ic_desktop_windows_24px -->
    154. 

  154. 						<svg viewBox="0 96 24 24" class="svg-ic_desktop_windows_24px svg-ic_desktop_windows_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    155. 

  155. 							<use xlink:href="#ic_desktop_windows_24px"></use>
    156. 

  156. 						</svg>
    157. 

  157. 						
    158. 

  158. 					</div>
    159. 

  159. 					<h2>ic_desktop_windows_24px</h2>
    160. 

  160. 				</li>
    161. 

  161. 				<li title="ic_dock_24px">
    162. 

  162. 					<div class="icon-box">
    163. 

  163. 						
    164. 

  164. 						<!-- ic_dock_24px -->
    165. 

  165. 						<svg viewBox="0 120 24 24" class="svg-ic_dock_24px svg-ic_dock_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    166. 

  166. 							<use xlink:href="#ic_dock_24px"></use>
    167. 

  167. 						</svg>
    168. 

  168. 						
    169. 

  169. 					</div>
    170. 

  170. 					<h2>ic_dock_24px</h2>
    171. 

  171. 				</li>
    172. 

  172. 				<li title="ic_gamepad_24px">
    173. 

  173. 					<div class="icon-box">
    174. 

  174. 						
    175. 

  175. 						<!-- ic_gamepad_24px -->
    176. 

  176. 						<svg viewBox="0 144 24 24" class="svg-ic_gamepad_24px svg-ic_gamepad_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    177. 

  177. 							<use xlink:href="#ic_gamepad_24px"></use>
    178. 

  178. 						</svg>
    179. 

  179. 						
    180. 

  180. 					</div>
    181. 

  181. 					<h2>ic_gamepad_24px</h2>
    182. 

  182. 				</li>
    183. 

  183. 				<li title="ic_headset_24px">
    184. 

  184. 					<div class="icon-box">
    185. 

  185. 						
    186. 

  186. 						<!-- ic_headset_24px -->
    187. 

  187. 						<svg viewBox="0 168 24 24" class="svg-ic_headset_24px svg-ic_headset_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    188. 

  188. 							<use xlink:href="#ic_headset_24px"></use>
    189. 

  189. 						</svg>
    190. 

  190. 						
    191. 

  191. 					</div>
    192. 

  192. 					<h2>ic_headset_24px</h2>
    193. 

  193. 				</li>
    194. 

  194. 				<li title="ic_headset_mic_24px">
    195. 

  195. 					<div class="icon-box">
    196. 

  196. 						
    197. 

  197. 						<!-- ic_headset_mic_24px -->
    198. 

  198. 						<svg viewBox="0 192 24 24" class="svg-ic_headset_mic_24px svg-ic_headset_mic_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    199. 

  199. 							<use xlink:href="#ic_headset_mic_24px"></use>
    200. 

  200. 						</svg>
    201. 

  201. 						
    202. 

  202. 					</div>
    203. 

  203. 					<h2>ic_headset_mic_24px</h2>
    204. 

  204. 				</li>
    205. 

  205. 				<li title="ic_keyboard_24px">
    206. 

  206. 					<div class="icon-box">
    207. 

  207. 						
    208. 

  208. 						<!-- ic_keyboard_24px -->
    209. 

  209. 						<svg viewBox="0 216 24 24" class="svg-ic_keyboard_24px svg-ic_keyboard_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    210. 

  210. 							<use xlink:href="#ic_keyboard_24px"></use>
    211. 

  211. 						</svg>
    212. 

  212. 						
    213. 

  213. 					</div>
    214. 

  214. 					<h2>ic_keyboard_24px</h2>
    215. 

  215. 				</li>
    216. 

  216. 				<li title="ic_keyboard_alt_24px">
    217. 

  217. 					<div class="icon-box">
    218. 

  218. 						
    219. 

  219. 						<!-- ic_keyboard_alt_24px -->
    220. 

  220. 						<svg viewBox="0 240 24 24" class="svg-ic_keyboard_alt_24px svg-ic_keyboard_alt_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    221. 

  221. 							<use xlink:href="#ic_keyboard_alt_24px"></use>
    222. 

  222. 						</svg>
    223. 

  223. 						
    224. 

  224. 					</div>
    225. 

  225. 					<h2>ic_keyboard_alt_24px</h2>
    226. 

  226. 				</li>
    227. 

  227. 				<li title="ic_keyboard_arrow_down_24px">
    228. 

  228. 					<div class="icon-box">
    229. 

  229. 						
    230. 

  230. 						<!-- ic_keyboard_arrow_down_24px -->
    231. 

  231. 						<svg viewBox="0 264 24 24" class="svg-ic_keyboard_arrow_down_24px svg-ic_keyboard_arrow_down_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    232. 

  232. 							<use xlink:href="#ic_keyboard_arrow_down_24px"></use>
    233. 

  233. 						</svg>
    234. 

  234. 						
    235. 

  235. 					</div>
    236. 

  236. 					<h2>ic_keyboard_arrow_down_24px</h2>
    237. 

  237. 				</li>
    238. 

  238. 				<li title="ic_keyboard_arrow_left_24px">
    239. 

  239. 					<div class="icon-box">
    240. 

  240. 						
    241. 

  241. 						<!-- ic_keyboard_arrow_left_24px -->
    242. 

  242. 						<svg viewBox="0 288 24 24" class="svg-ic_keyboard_arrow_left_24px svg-ic_keyboard_arrow_left_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    243. 

  243. 							<use xlink:href="#ic_keyboard_arrow_left_24px"></use>
    244. 

  244. 						</svg>
    245. 

  245. 						
    246. 

  246. 					</div>
    247. 

  247. 					<h2>ic_keyboard_arrow_left_24px</h2>
    248. 

  248. 				</li>
    249. 

  249. 				<li title="ic_keyboard_arrow_right_24px">
    250. 

  250. 					<div class="icon-box">
    251. 

  251. 						
    252. 

  252. 						<!-- ic_keyboard_arrow_right_24px -->
    253. 

  253. 						<svg viewBox="0 312 24 24" class="svg-ic_keyboard_arrow_right_24px svg-ic_keyboard_arrow_right_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    254. 

  254. 							<use xlink:href="#ic_keyboard_arrow_right_24px"></use>
    255. 

  255. 						</svg>
    256. 

  256. 						
    257. 

  257. 					</div>
    258. 

  258. 					<h2>ic_keyboard_arrow_right_24px</h2>
    259. 

  259. 				</li>
    260. 

  260. 				<li title="ic_keyboard_arrow_up_24px">
    261. 

  261. 					<div class="icon-box">
    262. 

  262. 						
    263. 

  263. 						<!-- ic_keyboard_arrow_up_24px -->
    264. 

  264. 						<svg viewBox="0 336 24 24" class="svg-ic_keyboard_arrow_up_24px svg-ic_keyboard_arrow_up_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    265. 

  265. 							<use xlink:href="#ic_keyboard_arrow_up_24px"></use>
    266. 

  266. 						</svg>
    267. 

  267. 						
    268. 

  268. 					</div>
    269. 

  269. 					<h2>ic_keyboard_arrow_up_24px</h2>
    270. 

  270. 				</li>
    271. 

  271. 				<li title="ic_keyboard_backspace_24px">
    272. 

  272. 					<div class="icon-box">
    273. 

  273. 						
    274. 

  274. 						<!-- ic_keyboard_backspace_24px -->
    275. 

  275. 						<svg viewBox="0 360 24 24" class="svg-ic_keyboard_backspace_24px svg-ic_keyboard_backspace_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    276. 

  276. 							<use xlink:href="#ic_keyboard_backspace_24px"></use>
    277. 

  277. 						</svg>
    278. 

  278. 						
    279. 

  279. 					</div>
    280. 

  280. 					<h2>ic_keyboard_backspace_24px</h2>
    281. 

  281. 				</li>
    282. 

  282. 				<li title="ic_keyboard_capslock_24px">
    283. 

  283. 					<div class="icon-box">
    284. 

  284. 						
    285. 

  285. 						<!-- ic_keyboard_capslock_24px -->
    286. 

  286. 						<svg viewBox="0 384 24 24" class="svg-ic_keyboard_capslock_24px svg-ic_keyboard_capslock_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    287. 

  287. 							<use xlink:href="#ic_keyboard_capslock_24px"></use>
    288. 

  288. 						</svg>
    289. 

  289. 						
    290. 

  290. 					</div>
    291. 

  291. 					<h2>ic_keyboard_capslock_24px</h2>
    292. 

  292. 				</li>
    293. 

  293. 				<li title="ic_keyboard_control_24px">
    294. 

  294. 					<div class="icon-box">
    295. 

  295. 						
    296. 

  296. 						<!-- ic_keyboard_control_24px -->
    297. 

  297. 						<svg viewBox="0 408 24 24" class="svg-ic_keyboard_control_24px svg-ic_keyboard_control_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    298. 

  298. 							<use xlink:href="#ic_keyboard_control_24px"></use>
    299. 

  299. 						</svg>
    300. 

  300. 						
    301. 

  301. 					</div>
    302. 

  302. 					<h2>ic_keyboard_control_24px</h2>
    303. 

  303. 				</li>
    304. 

  304. 				<li title="ic_keyboard_hide_24px">
    305. 

  305. 					<div class="icon-box">
    306. 

  306. 						
    307. 

  307. 						<!-- ic_keyboard_hide_24px -->
    308. 

  308. 						<svg viewBox="0 432 24 24" class="svg-ic_keyboard_hide_24px svg-ic_keyboard_hide_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    309. 

  309. 							<use xlink:href="#ic_keyboard_hide_24px"></use>
    310. 

  310. 						</svg>
    311. 

  311. 						
    312. 

  312. 					</div>
    313. 

  313. 					<h2>ic_keyboard_hide_24px</h2>
    314. 

  314. 				</li>
    315. 

  315. 				<li title="ic_keyboard_return_24px">
    316. 

  316. 					<div class="icon-box">
    317. 

  317. 						
    318. 

  318. 						<!-- ic_keyboard_return_24px -->
    319. 

  319. 						<svg viewBox="0 456 24 24" class="svg-ic_keyboard_return_24px svg-ic_keyboard_return_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    320. 

  320. 							<use xlink:href="#ic_keyboard_return_24px"></use>
    321. 

  321. 						</svg>
    322. 

  322. 						
    323. 

  323. 					</div>
    324. 

  324. 					<h2>ic_keyboard_return_24px</h2>
    325. 

  325. 				</li>
    326. 

  326. 				<li title="ic_keyboard_tab_24px">
    327. 

  327. 					<div class="icon-box">
    328. 

  328. 						
    329. 

  329. 						<!-- ic_keyboard_tab_24px -->
    330. 

  330. 						<svg viewBox="0 480 24 24" class="svg-ic_keyboard_tab_24px svg-ic_keyboard_tab_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    331. 

  331. 							<use xlink:href="#ic_keyboard_tab_24px"></use>
    332. 

  332. 						</svg>
    333. 

  333. 						
    334. 

  334. 					</div>
    335. 

  335. 					<h2>ic_keyboard_tab_24px</h2>
    336. 

  336. 				</li>
    337. 

  337. 				<li title="ic_keyboard_voice_24px">
    338. 

  338. 					<div class="icon-box">
    339. 

  339. 						
    340. 

  340. 						<!-- ic_keyboard_voice_24px -->
    341. 

  341. 						<svg viewBox="0 504 24 24" class="svg-ic_keyboard_voice_24px svg-ic_keyboard_voice_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    342. 

  342. 							<use xlink:href="#ic_keyboard_voice_24px"></use>
    343. 

  343. 						</svg>
    344. 

  344. 						
    345. 

  345. 					</div>
    346. 

  346. 					<h2>ic_keyboard_voice_24px</h2>
    347. 

  347. 				</li>
    348. 

  348. 				<li title="ic_laptop_24px">
    349. 

  349. 					<div class="icon-box">
    350. 

  350. 						
    351. 

  351. 						<!-- ic_laptop_24px -->
    352. 

  352. 						<svg viewBox="0 528 24 24" class="svg-ic_laptop_24px svg-ic_laptop_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    353. 

  353. 							<use xlink:href="#ic_laptop_24px"></use>
    354. 

  354. 						</svg>
    355. 

  355. 						
    356. 

  356. 					</div>
    357. 

  357. 					<h2>ic_laptop_24px</h2>
    358. 

  358. 				</li>
    359. 

  359. 				<li title="ic_laptop_chromebook_24px">
    360. 

  360. 					<div class="icon-box">
    361. 

  361. 						
    362. 

  362. 						<!-- ic_laptop_chromebook_24px -->
    363. 

  363. 						<svg viewBox="0 552 24 24" class="svg-ic_laptop_chromebook_24px svg-ic_laptop_chromebook_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    364. 

  364. 							<use xlink:href="#ic_laptop_chromebook_24px"></use>
    365. 

  365. 						</svg>
    366. 

  366. 						
    367. 

  367. 					</div>
    368. 

  368. 					<h2>ic_laptop_chromebook_24px</h2>
    369. 

  369. 				</li>
    370. 

  370. 				<li title="ic_laptop_mac_24px">
    371. 

  371. 					<div class="icon-box">
    372. 

  372. 						
    373. 

  373. 						<!-- ic_laptop_mac_24px -->
    374. 

  374. 						<svg viewBox="0 576 24 24" class="svg-ic_laptop_mac_24px svg-ic_laptop_mac_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    375. 

  375. 							<use xlink:href="#ic_laptop_mac_24px"></use>
    376. 

  376. 						</svg>
    377. 

  377. 						
    378. 

  378. 					</div>
    379. 

  379. 					<h2>ic_laptop_mac_24px</h2>
    380. 

  380. 				</li>
    381. 

  381. 				<li title="ic_laptop_windows_24px">
    382. 

  382. 					<div class="icon-box">
    383. 

  383. 						
    384. 

  384. 						<!-- ic_laptop_windows_24px -->
    385. 

  385. 						<svg viewBox="0 600 24 24" class="svg-ic_laptop_windows_24px svg-ic_laptop_windows_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    386. 

  386. 							<use xlink:href="#ic_laptop_windows_24px"></use>
    387. 

  387. 						</svg>
    388. 

  388. 						
    389. 

  389. 					</div>
    390. 

  390. 					<h2>ic_laptop_windows_24px</h2>
    391. 

  391. 				</li>
    392. 

  392. 				<li title="ic_memory_24px">
    393. 

  393. 					<div class="icon-box">
    394. 

  394. 						
    395. 

  395. 						<!-- ic_memory_24px -->
    396. 

  396. 						<svg viewBox="0 624 24 24" class="svg-ic_memory_24px svg-ic_memory_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    397. 

  397. 							<use xlink:href="#ic_memory_24px"></use>
    398. 

  398. 						</svg>
    399. 

  399. 						
    400. 

  400. 					</div>
    401. 

  401. 					<h2>ic_memory_24px</h2>
    402. 

  402. 				</li>
    403. 

  403. 				<li title="ic_mouse_24px">
    404. 

  404. 					<div class="icon-box">
    405. 

  405. 						
    406. 

  406. 						<!-- ic_mouse_24px -->
    407. 

  407. 						<svg viewBox="0 648 24 24" class="svg-ic_mouse_24px svg-ic_mouse_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    408. 

  408. 							<use xlink:href="#ic_mouse_24px"></use>
    409. 

  409. 						</svg>
    410. 

  410. 						
    411. 

  411. 					</div>
    412. 

  412. 					<h2>ic_mouse_24px</h2>
    413. 

  413. 				</li>
    414. 

  414. 				<li title="ic_phone_android_24px">
    415. 

  415. 					<div class="icon-box">
    416. 

  416. 						
    417. 

  417. 						<!-- ic_phone_android_24px -->
    418. 

  418. 						<svg viewBox="0 672 24 24" class="svg-ic_phone_android_24px svg-ic_phone_android_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    419. 

  419. 							<use xlink:href="#ic_phone_android_24px"></use>
    420. 

  420. 						</svg>
    421. 

  421. 						
    422. 

  422. 					</div>
    423. 

  423. 					<h2>ic_phone_android_24px</h2>
    424. 

  424. 				</li>
    425. 

  425. 				<li title="ic_phone_iphone_24px">
    426. 

  426. 					<div class="icon-box">
    427. 

  427. 						
    428. 

  428. 						<!-- ic_phone_iphone_24px -->
    429. 

  429. 						<svg viewBox="0 696 24 24" class="svg-ic_phone_iphone_24px svg-ic_phone_iphone_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    430. 

  430. 							<use xlink:href="#ic_phone_iphone_24px"></use>
    431. 

  431. 						</svg>
    432. 

  432. 						
    433. 

  433. 					</div>
    434. 

  434. 					<h2>ic_phone_iphone_24px</h2>
    435. 

  435. 				</li>
    436. 

  436. 				<li title="ic_phonelink_24px">
    437. 

  437. 					<div class="icon-box">
    438. 

  438. 						
    439. 

  439. 						<!-- ic_phonelink_24px -->
    440. 

  440. 						<svg viewBox="0 720 24 24" class="svg-ic_phonelink_24px svg-ic_phonelink_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    441. 

  441. 							<use xlink:href="#ic_phonelink_24px"></use>
    442. 

  442. 						</svg>
    443. 

  443. 						
    444. 

  444. 					</div>
    445. 

  445. 					<h2>ic_phonelink_24px</h2>
    446. 

  446. 				</li>
    447. 

  447. 				<li title="ic_phonelink_off_24px">
    448. 

  448. 					<div class="icon-box">
    449. 

  449. 						
    450. 

  450. 						<!-- ic_phonelink_off_24px -->
    451. 

  451. 						<svg viewBox="0 744 24 24" class="svg-ic_phonelink_off_24px svg-ic_phonelink_off_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    452. 

  452. 							<use xlink:href="#ic_phonelink_off_24px"></use>
    453. 

  453. 						</svg>
    454. 

  454. 						
    455. 

  455. 					</div>
    456. 

  456. 					<h2>ic_phonelink_off_24px</h2>
    457. 

  457. 				</li>
    458. 

  458. 				<li title="ic_security_24px">
    459. 

  459. 					<div class="icon-box">
    460. 

  460. 						
    461. 

  461. 						<!-- ic_security_24px -->
    462. 

  462. 						<svg viewBox="0 768 24 24" class="svg-ic_security_24px svg-ic_security_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    463. 

  463. 							<use xlink:href="#ic_security_24px"></use>
    464. 

  464. 						</svg>
    465. 

  465. 						
    466. 

  466. 					</div>
    467. 

  467. 					<h2>ic_security_24px</h2>
    468. 

  468. 				</li>
    469. 

  469. 				<li title="ic_sim_card_24px">
    470. 

  470. 					<div class="icon-box">
    471. 

  471. 						
    472. 

  472. 						<!-- ic_sim_card_24px -->
    473. 

  473. 						<svg viewBox="0 792 24 24" class="svg-ic_sim_card_24px svg-ic_sim_card_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    474. 

  474. 							<use xlink:href="#ic_sim_card_24px"></use>
    475. 

  475. 						</svg>
    476. 

  476. 						
    477. 

  477. 					</div>
    478. 

  478. 					<h2>ic_sim_card_24px</h2>
    479. 

  479. 				</li>
    480. 

  480. 				<li title="ic_smartphone_24px">
    481. 

  481. 					<div class="icon-box">
    482. 

  482. 						
    483. 

  483. 						<!-- ic_smartphone_24px -->
    484. 

  484. 						<svg viewBox="0 816 24 24" class="svg-ic_smartphone_24px svg-ic_smartphone_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    485. 

  485. 							<use xlink:href="#ic_smartphone_24px"></use>
    486. 

  486. 						</svg>
    487. 

  487. 						
    488. 

  488. 					</div>
    489. 

  489. 					<h2>ic_smartphone_24px</h2>
    490. 

  490. 				</li>
    491. 

  491. 				<li title="ic_speaker_24px">
    492. 

  492. 					<div class="icon-box">
    493. 

  493. 						
    494. 

  494. 						<!-- ic_speaker_24px -->
    495. 

  495. 						<svg viewBox="0 840 24 24" class="svg-ic_speaker_24px svg-ic_speaker_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    496. 

  496. 							<use xlink:href="#ic_speaker_24px"></use>
    497. 

  497. 						</svg>
    498. 

  498. 						
    499. 

  499. 					</div>
    500. 

  500. 					<h2>ic_speaker_24px</h2>
    501. 

  501. 				</li>
    502. 

  502. 				<li title="ic_tablet_24px">
    503. 

  503. 					<div class="icon-box">
    504. 

  504. 						
    505. 

  505. 						<!-- ic_tablet_24px -->
    506. 

  506. 						<svg viewBox="0 864 24 24" class="svg-ic_tablet_24px svg-ic_tablet_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    507. 

  507. 							<use xlink:href="#ic_tablet_24px"></use>
    508. 

  508. 						</svg>
    509. 

  509. 						
    510. 

  510. 					</div>
    511. 

  511. 					<h2>ic_tablet_24px</h2>
    512. 

  512. 				</li>
    513. 

  513. 				<li title="ic_tablet_android_24px">
    514. 

  514. 					<div class="icon-box">
    515. 

  515. 						
    516. 

  516. 						<!-- ic_tablet_android_24px -->
    517. 

  517. 						<svg viewBox="0 888 24 24" class="svg-ic_tablet_android_24px svg-ic_tablet_android_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    518. 

  518. 							<use xlink:href="#ic_tablet_android_24px"></use>
    519. 

  519. 						</svg>
    520. 

  520. 						
    521. 

  521. 					</div>
    522. 

  522. 					<h2>ic_tablet_android_24px</h2>
    523. 

  523. 				</li>
    524. 

  524. 				<li title="ic_tablet_mac_24px">
    525. 

  525. 					<div class="icon-box">
    526. 

  526. 						
    527. 

  527. 						<!-- ic_tablet_mac_24px -->
    528. 

  528. 						<svg viewBox="0 912 24 24" class="svg-ic_tablet_mac_24px svg-ic_tablet_mac_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    529. 

  529. 							<use xlink:href="#ic_tablet_mac_24px"></use>
    530. 

  530. 						</svg>
    531. 

  531. 						
    532. 

  532. 					</div>
    533. 

  533. 					<h2>ic_tablet_mac_24px</h2>
    534. 

  534. 				</li>
    535. 

  535. 				<li title="ic_tv_24px">
    536. 

  536. 					<div class="icon-box">
    537. 

  537. 						
    538. 

  538. 						<!-- ic_tv_24px -->
    539. 

  539. 						<svg viewBox="0 936 24 24" class="svg-ic_tv_24px svg-ic_tv_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    540. 

  540. 							<use xlink:href="#ic_tv_24px"></use>
    541. 

  541. 						</svg>
    542. 

  542. 						
    543. 

  543. 					</div>
    544. 

  544. 					<h2>ic_tv_24px</h2>
    545. 

  545. 				</li>
    546. 

  546. 				<li title="ic_watch_24px">
    547. 

  547. 					<div class="icon-box">
    548. 

  548. 						
    549. 

  549. 						<!-- ic_watch_24px -->
    550. 

  550. 						<svg viewBox="0 960 24 24" class="svg-ic_watch_24px svg-ic_watch_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    551. 

  551. 							<use xlink:href="#ic_watch_24px"></use>
    552. 

  552. 						</svg>
    553. 

  553. 						
    554. 

  554. 					</div>
    555. 

  555. 					<h2>ic_watch_24px</h2>
    556. 

  556. 				</li>
    557. 

  557. 			</ul>
    558. 

  558. <!--
    559. 

  559. ====================================================================================================
    560. 

  560. -->
    561. 

  561. 

  562. <!--
    563. 

  563. 	
    564. 

  564. Inline SVG with external sprite
    565. 

  565. ====================================================================================================
    566. 

  566. These SVG images make use of an URL + fragment identifiers (IDs) and refer to the regular external
    567. 

  567. SVG sprite. They may be styled via CSS. (IE 9-11 with polyfill only)
    568. 

  568. -->
    569. 

  569. 			<h3>B) Inline SVG with external sprite (IE 9-11 with polyfill only)</h3>
    570. 

  570. 			<ul>
    571. 

  571. 				
    572. 

  572. 				<li title="ic_cast_24px">
    573. 

  573. 					<div class="icon-box">
    574. 

  574. 						
    575. 

  575. 						<!-- ic_cast_24px -->
    576. 

  576. 						<svg viewBox="0 0 24 24" class="svg-ic_cast_24px svg-ic_cast_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    577. 

  577. 							<use xlink:href="svg/sprite.svg#ic_cast_24px"></use>
    578. 

  578. 						</svg>
    579. 

  579. 						
    580. 

  580. 					</div>
    581. 

  581. 					<h2>ic_cast_24px</h2>
    582. 

  582. 				</li>
    583. 

  583. 				<li title="ic_cast_connected_24px">
    584. 

  584. 					<div class="icon-box">
    585. 

  585. 						
    586. 

  586. 						<!-- ic_cast_connected_24px -->
    587. 

  587. 						<svg viewBox="0 24 24 24" class="svg-ic_cast_connected_24px svg-ic_cast_connected_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    588. 

  588. 							<use xlink:href="svg/sprite.svg#ic_cast_connected_24px"></use>
    589. 

  589. 						</svg>
    590. 

  590. 						
    591. 

  591. 					</div>
    592. 

  592. 					<h2>ic_cast_connected_24px</h2>
    593. 

  593. 				</li>
    594. 

  594. 				<li title="ic_computer_24px">
    595. 

  595. 					<div class="icon-box">
    596. 

  596. 						
    597. 

  597. 						<!-- ic_computer_24px -->
    598. 

  598. 						<svg viewBox="0 48 24 24" class="svg-ic_computer_24px svg-ic_computer_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    599. 

  599. 							<use xlink:href="svg/sprite.svg#ic_computer_24px"></use>
    600. 

  600. 						</svg>
    601. 

  601. 						
    602. 

  602. 					</div>
    603. 

  603. 					<h2>ic_computer_24px</h2>
    604. 

  604. 				</li>
    605. 

  605. 				<li title="ic_desktop_mac_24px">
    606. 

  606. 					<div class="icon-box">
    607. 

  607. 						
    608. 

  608. 						<!-- ic_desktop_mac_24px -->
    609. 

  609. 						<svg viewBox="0 72 24 24" class="svg-ic_desktop_mac_24px svg-ic_desktop_mac_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    610. 

  610. 							<use xlink:href="svg/sprite.svg#ic_desktop_mac_24px"></use>
    611. 

  611. 						</svg>
    612. 

  612. 						
    613. 

  613. 					</div>
    614. 

  614. 					<h2>ic_desktop_mac_24px</h2>
    615. 

  615. 				</li>
    616. 

  616. 				<li title="ic_desktop_windows_24px">
    617. 

  617. 					<div class="icon-box">
    618. 

  618. 						
    619. 

  619. 						<!-- ic_desktop_windows_24px -->
    620. 

  620. 						<svg viewBox="0 96 24 24" class="svg-ic_desktop_windows_24px svg-ic_desktop_windows_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    621. 

  621. 							<use xlink:href="svg/sprite.svg#ic_desktop_windows_24px"></use>
    622. 

  622. 						</svg>
    623. 

  623. 						
    624. 

  624. 					</div>
    625. 

  625. 					<h2>ic_desktop_windows_24px</h2>
    626. 

  626. 				</li>
    627. 

  627. 				<li title="ic_dock_24px">
    628. 

  628. 					<div class="icon-box">
    629. 

  629. 						
    630. 

  630. 						<!-- ic_dock_24px -->
    631. 

  631. 						<svg viewBox="0 120 24 24" class="svg-ic_dock_24px svg-ic_dock_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    632. 

  632. 							<use xlink:href="svg/sprite.svg#ic_dock_24px"></use>
    633. 

  633. 						</svg>
    634. 

  634. 						
    635. 

  635. 					</div>
    636. 

  636. 					<h2>ic_dock_24px</h2>
    637. 

  637. 				</li>
    638. 

  638. 				<li title="ic_gamepad_24px">
    639. 

  639. 					<div class="icon-box">
    640. 

  640. 						
    641. 

  641. 						<!-- ic_gamepad_24px -->
    642. 

  642. 						<svg viewBox="0 144 24 24" class="svg-ic_gamepad_24px svg-ic_gamepad_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    643. 

  643. 							<use xlink:href="svg/sprite.svg#ic_gamepad_24px"></use>
    644. 

  644. 						</svg>
    645. 

  645. 						
    646. 

  646. 					</div>
    647. 

  647. 					<h2>ic_gamepad_24px</h2>
    648. 

  648. 				</li>
    649. 

  649. 				<li title="ic_headset_24px">
    650. 

  650. 					<div class="icon-box">
    651. 

  651. 						
    652. 

  652. 						<!-- ic_headset_24px -->
    653. 

  653. 						<svg viewBox="0 168 24 24" class="svg-ic_headset_24px svg-ic_headset_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    654. 

  654. 							<use xlink:href="svg/sprite.svg#ic_headset_24px"></use>
    655. 

  655. 						</svg>
    656. 

  656. 						
    657. 

  657. 					</div>
    658. 

  658. 					<h2>ic_headset_24px</h2>
    659. 

  659. 				</li>
    660. 

  660. 				<li title="ic_headset_mic_24px">
    661. 

  661. 					<div class="icon-box">
    662. 

  662. 						
    663. 

  663. 						<!-- ic_headset_mic_24px -->
    664. 

  664. 						<svg viewBox="0 192 24 24" class="svg-ic_headset_mic_24px svg-ic_headset_mic_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    665. 

  665. 							<use xlink:href="svg/sprite.svg#ic_headset_mic_24px"></use>
    666. 

  666. 						</svg>
    667. 

  667. 						
    668. 

  668. 					</div>
    669. 

  669. 					<h2>ic_headset_mic_24px</h2>
    670. 

  670. 				</li>
    671. 

  671. 				<li title="ic_keyboard_24px">
    672. 

  672. 					<div class="icon-box">
    673. 

  673. 						
    674. 

  674. 						<!-- ic_keyboard_24px -->
    675. 

  675. 						<svg viewBox="0 216 24 24" class="svg-ic_keyboard_24px svg-ic_keyboard_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    676. 

  676. 							<use xlink:href="svg/sprite.svg#ic_keyboard_24px"></use>
    677. 

  677. 						</svg>
    678. 

  678. 						
    679. 

  679. 					</div>
    680. 

  680. 					<h2>ic_keyboard_24px</h2>
    681. 

  681. 				</li>
    682. 

  682. 				<li title="ic_keyboard_alt_24px">
    683. 

  683. 					<div class="icon-box">
    684. 

  684. 						
    685. 

  685. 						<!-- ic_keyboard_alt_24px -->
    686. 

  686. 						<svg viewBox="0 240 24 24" class="svg-ic_keyboard_alt_24px svg-ic_keyboard_alt_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    687. 

  687. 							<use xlink:href="svg/sprite.svg#ic_keyboard_alt_24px"></use>
    688. 

  688. 						</svg>
    689. 

  689. 						
    690. 

  690. 					</div>
    691. 

  691. 					<h2>ic_keyboard_alt_24px</h2>
    692. 

  692. 				</li>
    693. 

  693. 				<li title="ic_keyboard_arrow_down_24px">
    694. 

  694. 					<div class="icon-box">
    695. 

  695. 						
    696. 

  696. 						<!-- ic_keyboard_arrow_down_24px -->
    697. 

  697. 						<svg viewBox="0 264 24 24" class="svg-ic_keyboard_arrow_down_24px svg-ic_keyboard_arrow_down_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    698. 

  698. 							<use xlink:href="svg/sprite.svg#ic_keyboard_arrow_down_24px"></use>
    699. 

  699. 						</svg>
    700. 

  700. 						
    701. 

  701. 					</div>
    702. 

  702. 					<h2>ic_keyboard_arrow_down_24px</h2>
    703. 

  703. 				</li>
    704. 

  704. 				<li title="ic_keyboard_arrow_left_24px">
    705. 

  705. 					<div class="icon-box">
    706. 

  706. 						
    707. 

  707. 						<!-- ic_keyboard_arrow_left_24px -->
    708. 

  708. 						<svg viewBox="0 288 24 24" class="svg-ic_keyboard_arrow_left_24px svg-ic_keyboard_arrow_left_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    709. 

  709. 							<use xlink:href="svg/sprite.svg#ic_keyboard_arrow_left_24px"></use>
    710. 

  710. 						</svg>
    711. 

  711. 						
    712. 

  712. 					</div>
    713. 

  713. 					<h2>ic_keyboard_arrow_left_24px</h2>
    714. 

  714. 				</li>
    715. 

  715. 				<li title="ic_keyboard_arrow_right_24px">
    716. 

  716. 					<div class="icon-box">
    717. 

  717. 						
    718. 

  718. 						<!-- ic_keyboard_arrow_right_24px -->
    719. 

  719. 						<svg viewBox="0 312 24 24" class="svg-ic_keyboard_arrow_right_24px svg-ic_keyboard_arrow_right_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    720. 

  720. 							<use xlink:href="svg/sprite.svg#ic_keyboard_arrow_right_24px"></use>
    721. 

  721. 						</svg>
    722. 

  722. 						
    723. 

  723. 					</div>
    724. 

  724. 					<h2>ic_keyboard_arrow_right_24px</h2>
    725. 

  725. 				</li>
    726. 

  726. 				<li title="ic_keyboard_arrow_up_24px">
    727. 

  727. 					<div class="icon-box">
    728. 

  728. 						
    729. 

  729. 						<!-- ic_keyboard_arrow_up_24px -->
    730. 

  730. 						<svg viewBox="0 336 24 24" class="svg-ic_keyboard_arrow_up_24px svg-ic_keyboard_arrow_up_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    731. 

  731. 							<use xlink:href="svg/sprite.svg#ic_keyboard_arrow_up_24px"></use>
    732. 

  732. 						</svg>
    733. 

  733. 						
    734. 

  734. 					</div>
    735. 

  735. 					<h2>ic_keyboard_arrow_up_24px</h2>
    736. 

  736. 				</li>
    737. 

  737. 				<li title="ic_keyboard_backspace_24px">
    738. 

  738. 					<div class="icon-box">
    739. 

  739. 						
    740. 

  740. 						<!-- ic_keyboard_backspace_24px -->
    741. 

  741. 						<svg viewBox="0 360 24 24" class="svg-ic_keyboard_backspace_24px svg-ic_keyboard_backspace_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    742. 

  742. 							<use xlink:href="svg/sprite.svg#ic_keyboard_backspace_24px"></use>
    743. 

  743. 						</svg>
    744. 

  744. 						
    745. 

  745. 					</div>
    746. 

  746. 					<h2>ic_keyboard_backspace_24px</h2>
    747. 

  747. 				</li>
    748. 

  748. 				<li title="ic_keyboard_capslock_24px">
    749. 

  749. 					<div class="icon-box">
    750. 

  750. 						
    751. 

  751. 						<!-- ic_keyboard_capslock_24px -->
    752. 

  752. 						<svg viewBox="0 384 24 24" class="svg-ic_keyboard_capslock_24px svg-ic_keyboard_capslock_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    753. 

  753. 							<use xlink:href="svg/sprite.svg#ic_keyboard_capslock_24px"></use>
    754. 

  754. 						</svg>
    755. 

  755. 						
    756. 

  756. 					</div>
    757. 

  757. 					<h2>ic_keyboard_capslock_24px</h2>
    758. 

  758. 				</li>
    759. 

  759. 				<li title="ic_keyboard_control_24px">
    760. 

  760. 					<div class="icon-box">
    761. 

  761. 						
    762. 

  762. 						<!-- ic_keyboard_control_24px -->
    763. 

  763. 						<svg viewBox="0 408 24 24" class="svg-ic_keyboard_control_24px svg-ic_keyboard_control_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    764. 

  764. 							<use xlink:href="svg/sprite.svg#ic_keyboard_control_24px"></use>
    765. 

  765. 						</svg>
    766. 

  766. 						
    767. 

  767. 					</div>
    768. 

  768. 					<h2>ic_keyboard_control_24px</h2>
    769. 

  769. 				</li>
    770. 

  770. 				<li title="ic_keyboard_hide_24px">
    771. 

  771. 					<div class="icon-box">
    772. 

  772. 						
    773. 

  773. 						<!-- ic_keyboard_hide_24px -->
    774. 

  774. 						<svg viewBox="0 432 24 24" class="svg-ic_keyboard_hide_24px svg-ic_keyboard_hide_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    775. 

  775. 							<use xlink:href="svg/sprite.svg#ic_keyboard_hide_24px"></use>
    776. 

  776. 						</svg>
    777. 

  777. 						
    778. 

  778. 					</div>
    779. 

  779. 					<h2>ic_keyboard_hide_24px</h2>
    780. 

  780. 				</li>
    781. 

  781. 				<li title="ic_keyboard_return_24px">
    782. 

  782. 					<div class="icon-box">
    783. 

  783. 						
    784. 

  784. 						<!-- ic_keyboard_return_24px -->
    785. 

  785. 						<svg viewBox="0 456 24 24" class="svg-ic_keyboard_return_24px svg-ic_keyboard_return_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    786. 

  786. 							<use xlink:href="svg/sprite.svg#ic_keyboard_return_24px"></use>
    787. 

  787. 						</svg>
    788. 

  788. 						
    789. 

  789. 					</div>
    790. 

  790. 					<h2>ic_keyboard_return_24px</h2>
    791. 

  791. 				</li>
    792. 

  792. 				<li title="ic_keyboard_tab_24px">
    793. 

  793. 					<div class="icon-box">
    794. 

  794. 						
    795. 

  795. 						<!-- ic_keyboard_tab_24px -->
    796. 

  796. 						<svg viewBox="0 480 24 24" class="svg-ic_keyboard_tab_24px svg-ic_keyboard_tab_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    797. 

  797. 							<use xlink:href="svg/sprite.svg#ic_keyboard_tab_24px"></use>
    798. 

  798. 						</svg>
    799. 

  799. 						
    800. 

  800. 					</div>
    801. 

  801. 					<h2>ic_keyboard_tab_24px</h2>
    802. 

  802. 				</li>
    803. 

  803. 				<li title="ic_keyboard_voice_24px">
    804. 

  804. 					<div class="icon-box">
    805. 

  805. 						
    806. 

  806. 						<!-- ic_keyboard_voice_24px -->
    807. 

  807. 						<svg viewBox="0 504 24 24" class="svg-ic_keyboard_voice_24px svg-ic_keyboard_voice_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    808. 

  808. 							<use xlink:href="svg/sprite.svg#ic_keyboard_voice_24px"></use>
    809. 

  809. 						</svg>
    810. 

  810. 						
    811. 

  811. 					</div>
    812. 

  812. 					<h2>ic_keyboard_voice_24px</h2>
    813. 

  813. 				</li>
    814. 

  814. 				<li title="ic_laptop_24px">
    815. 

  815. 					<div class="icon-box">
    816. 

  816. 						
    817. 

  817. 						<!-- ic_laptop_24px -->
    818. 

  818. 						<svg viewBox="0 528 24 24" class="svg-ic_laptop_24px svg-ic_laptop_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    819. 

  819. 							<use xlink:href="svg/sprite.svg#ic_laptop_24px"></use>
    820. 

  820. 						</svg>
    821. 

  821. 						
    822. 

  822. 					</div>
    823. 

  823. 					<h2>ic_laptop_24px</h2>
    824. 

  824. 				</li>
    825. 

  825. 				<li title="ic_laptop_chromebook_24px">
    826. 

  826. 					<div class="icon-box">
    827. 

  827. 						
    828. 

  828. 						<!-- ic_laptop_chromebook_24px -->
    829. 

  829. 						<svg viewBox="0 552 24 24" class="svg-ic_laptop_chromebook_24px svg-ic_laptop_chromebook_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    830. 

  830. 							<use xlink:href="svg/sprite.svg#ic_laptop_chromebook_24px"></use>
    831. 

  831. 						</svg>
    832. 

  832. 						
    833. 

  833. 					</div>
    834. 

  834. 					<h2>ic_laptop_chromebook_24px</h2>
    835. 

  835. 				</li>
    836. 

  836. 				<li title="ic_laptop_mac_24px">
    837. 

  837. 					<div class="icon-box">
    838. 

  838. 						
    839. 

  839. 						<!-- ic_laptop_mac_24px -->
    840. 

  840. 						<svg viewBox="0 576 24 24" class="svg-ic_laptop_mac_24px svg-ic_laptop_mac_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    841. 

  841. 							<use xlink:href="svg/sprite.svg#ic_laptop_mac_24px"></use>
    842. 

  842. 						</svg>
    843. 

  843. 						
    844. 

  844. 					</div>
    845. 

  845. 					<h2>ic_laptop_mac_24px</h2>
    846. 

  846. 				</li>
    847. 

  847. 				<li title="ic_laptop_windows_24px">
    848. 

  848. 					<div class="icon-box">
    849. 

  849. 						
    850. 

  850. 						<!-- ic_laptop_windows_24px -->
    851. 

  851. 						<svg viewBox="0 600 24 24" class="svg-ic_laptop_windows_24px svg-ic_laptop_windows_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    852. 

  852. 							<use xlink:href="svg/sprite.svg#ic_laptop_windows_24px"></use>
    853. 

  853. 						</svg>
    854. 

  854. 						
    855. 

  855. 					</div>
    856. 

  856. 					<h2>ic_laptop_windows_24px</h2>
    857. 

  857. 				</li>
    858. 

  858. 				<li title="ic_memory_24px">
    859. 

  859. 					<div class="icon-box">
    860. 

  860. 						
    861. 

  861. 						<!-- ic_memory_24px -->
    862. 

  862. 						<svg viewBox="0 624 24 24" class="svg-ic_memory_24px svg-ic_memory_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    863. 

  863. 							<use xlink:href="svg/sprite.svg#ic_memory_24px"></use>
    864. 

  864. 						</svg>
    865. 

  865. 						
    866. 

  866. 					</div>
    867. 

  867. 					<h2>ic_memory_24px</h2>
    868. 

  868. 				</li>
    869. 

  869. 				<li title="ic_mouse_24px">
    870. 

  870. 					<div class="icon-box">
    871. 

  871. 						
    872. 

  872. 						<!-- ic_mouse_24px -->
    873. 

  873. 						<svg viewBox="0 648 24 24" class="svg-ic_mouse_24px svg-ic_mouse_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    874. 

  874. 							<use xlink:href="svg/sprite.svg#ic_mouse_24px"></use>
    875. 

  875. 						</svg>
    876. 

  876. 						
    877. 

  877. 					</div>
    878. 

  878. 					<h2>ic_mouse_24px</h2>
    879. 

  879. 				</li>
    880. 

  880. 				<li title="ic_phone_android_24px">
    881. 

  881. 					<div class="icon-box">
    882. 

  882. 						
    883. 

  883. 						<!-- ic_phone_android_24px -->
    884. 

  884. 						<svg viewBox="0 672 24 24" class="svg-ic_phone_android_24px svg-ic_phone_android_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    885. 

  885. 							<use xlink:href="svg/sprite.svg#ic_phone_android_24px"></use>
    886. 

  886. 						</svg>
    887. 

  887. 						
    888. 

  888. 					</div>
    889. 

  889. 					<h2>ic_phone_android_24px</h2>
    890. 

  890. 				</li>
    891. 

  891. 				<li title="ic_phone_iphone_24px">
    892. 

  892. 					<div class="icon-box">
    893. 

  893. 						
    894. 

  894. 						<!-- ic_phone_iphone_24px -->
    895. 

  895. 						<svg viewBox="0 696 24 24" class="svg-ic_phone_iphone_24px svg-ic_phone_iphone_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    896. 

  896. 							<use xlink:href="svg/sprite.svg#ic_phone_iphone_24px"></use>
    897. 

  897. 						</svg>
    898. 

  898. 						
    899. 

  899. 					</div>
    900. 

  900. 					<h2>ic_phone_iphone_24px</h2>
    901. 

  901. 				</li>
    902. 

  902. 				<li title="ic_phonelink_24px">
    903. 

  903. 					<div class="icon-box">
    904. 

  904. 						
    905. 

  905. 						<!-- ic_phonelink_24px -->
    906. 

  906. 						<svg viewBox="0 720 24 24" class="svg-ic_phonelink_24px svg-ic_phonelink_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    907. 

  907. 							<use xlink:href="svg/sprite.svg#ic_phonelink_24px"></use>
    908. 

  908. 						</svg>
    909. 

  909. 						
    910. 

  910. 					</div>
    911. 

  911. 					<h2>ic_phonelink_24px</h2>
    912. 

  912. 				</li>
    913. 

  913. 				<li title="ic_phonelink_off_24px">
    914. 

  914. 					<div class="icon-box">
    915. 

  915. 						
    916. 

  916. 						<!-- ic_phonelink_off_24px -->
    917. 

  917. 						<svg viewBox="0 744 24 24" class="svg-ic_phonelink_off_24px svg-ic_phonelink_off_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    918. 

  918. 							<use xlink:href="svg/sprite.svg#ic_phonelink_off_24px"></use>
    919. 

  919. 						</svg>
    920. 

  920. 						
    921. 

  921. 					</div>
    922. 

  922. 					<h2>ic_phonelink_off_24px</h2>
    923. 

  923. 				</li>
    924. 

  924. 				<li title="ic_security_24px">
    925. 

  925. 					<div class="icon-box">
    926. 

  926. 						
    927. 

  927. 						<!-- ic_security_24px -->
    928. 

  928. 						<svg viewBox="0 768 24 24" class="svg-ic_security_24px svg-ic_security_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    929. 

  929. 							<use xlink:href="svg/sprite.svg#ic_security_24px"></use>
    930. 

  930. 						</svg>
    931. 

  931. 						
    932. 

  932. 					</div>
    933. 

  933. 					<h2>ic_security_24px</h2>
    934. 

  934. 				</li>
    935. 

  935. 				<li title="ic_sim_card_24px">
    936. 

  936. 					<div class="icon-box">
    937. 

  937. 						
    938. 

  938. 						<!-- ic_sim_card_24px -->
    939. 

  939. 						<svg viewBox="0 792 24 24" class="svg-ic_sim_card_24px svg-ic_sim_card_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    940. 

  940. 							<use xlink:href="svg/sprite.svg#ic_sim_card_24px"></use>
    941. 

  941. 						</svg>
    942. 

  942. 						
    943. 

  943. 					</div>
    944. 

  944. 					<h2>ic_sim_card_24px</h2>
    945. 

  945. 				</li>
    946. 

  946. 				<li title="ic_smartphone_24px">
    947. 

  947. 					<div class="icon-box">
    948. 

  948. 						
    949. 

  949. 						<!-- ic_smartphone_24px -->
    950. 

  950. 						<svg viewBox="0 816 24 24" class="svg-ic_smartphone_24px svg-ic_smartphone_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    951. 

  951. 							<use xlink:href="svg/sprite.svg#ic_smartphone_24px"></use>
    952. 

  952. 						</svg>
    953. 

  953. 						
    954. 

  954. 					</div>
    955. 

  955. 					<h2>ic_smartphone_24px</h2>
    956. 

  956. 				</li>
    957. 

  957. 				<li title="ic_speaker_24px">
    958. 

  958. 					<div class="icon-box">
    959. 

  959. 						
    960. 

  960. 						<!-- ic_speaker_24px -->
    961. 

  961. 						<svg viewBox="0 840 24 24" class="svg-ic_speaker_24px svg-ic_speaker_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    962. 

  962. 							<use xlink:href="svg/sprite.svg#ic_speaker_24px"></use>
    963. 

  963. 						</svg>
    964. 

  964. 						
    965. 

  965. 					</div>
    966. 

  966. 					<h2>ic_speaker_24px</h2>
    967. 

  967. 				</li>
    968. 

  968. 				<li title="ic_tablet_24px">
    969. 

  969. 					<div class="icon-box">
    970. 

  970. 						
    971. 

  971. 						<!-- ic_tablet_24px -->
    972. 

  972. 						<svg viewBox="0 864 24 24" class="svg-ic_tablet_24px svg-ic_tablet_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    973. 

  973. 							<use xlink:href="svg/sprite.svg#ic_tablet_24px"></use>
    974. 

  974. 						</svg>
    975. 

  975. 						
    976. 

  976. 					</div>
    977. 

  977. 					<h2>ic_tablet_24px</h2>
    978. 

  978. 				</li>
    979. 

  979. 				<li title="ic_tablet_android_24px">
    980. 

  980. 					<div class="icon-box">
    981. 

  981. 						
    982. 

  982. 						<!-- ic_tablet_android_24px -->
    983. 

  983. 						<svg viewBox="0 888 24 24" class="svg-ic_tablet_android_24px svg-ic_tablet_android_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    984. 

  984. 							<use xlink:href="svg/sprite.svg#ic_tablet_android_24px"></use>
    985. 

  985. 						</svg>
    986. 

  986. 						
    987. 

  987. 					</div>
    988. 

  988. 					<h2>ic_tablet_android_24px</h2>
    989. 

  989. 				</li>
    990. 

  990. 				<li title="ic_tablet_mac_24px">
    991. 

  991. 					<div class="icon-box">
    992. 

  992. 						
    993. 

  993. 						<!-- ic_tablet_mac_24px -->
    994. 

  994. 						<svg viewBox="0 912 24 24" class="svg-ic_tablet_mac_24px svg-ic_tablet_mac_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    995. 

  995. 							<use xlink:href="svg/sprite.svg#ic_tablet_mac_24px"></use>
    996. 

  996. 						</svg>
    997. 

  997. 						
    998. 

  998. 					</div>
    999. 

  999. 					<h2>ic_tablet_mac_24px</h2>
    1000. 

  1000. 				</li>
    1001. 

  1001. 				<li title="ic_tv_24px">
    1002. 

  1002. 					<div class="icon-box">
    1003. 

  1003. 						
    1004. 

  1004. 						<!-- ic_tv_24px -->
    1005. 

  1005. 						<svg viewBox="0 936 24 24" class="svg-ic_tv_24px svg-ic_tv_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    1006. 

  1006. 							<use xlink:href="svg/sprite.svg#ic_tv_24px"></use>
    1007. 

  1007. 						</svg>
    1008. 

  1008. 						
    1009. 

  1009. 					</div>
    1010. 

  1010. 					<h2>ic_tv_24px</h2>
    1011. 

  1011. 				</li>
    1012. 

  1012. 				<li title="ic_watch_24px">
    1013. 

  1013. 					<div class="icon-box">
    1014. 

  1014. 						
    1015. 

  1015. 						<!-- ic_watch_24px -->
    1016. 

  1016. 						<svg viewBox="0 960 24 24" class="svg-ic_watch_24px svg-ic_watch_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    1017. 

  1017. 							<use xlink:href="svg/sprite.svg#ic_watch_24px"></use>
    1018. 

  1018. 						</svg>
    1019. 

  1019. 						
    1020. 

  1020. 					</div>
    1021. 

  1021. 					<h2>ic_watch_24px</h2>
    1022. 

  1022. 				</li>
    1023. 

  1023. 			</ul>
    1024. 

  1024. <!--
    1025. 

  1025. ====================================================================================================
    1026. 

  1026. -->
    1027. 

  1027. 		</section>
    1028. 

  1028. 		<footer>
    1029. 

  1029. 			<p>Generated at Wed, 12 Nov 2014 20:00:32 GMT by <a href="https://github.com/jkphl/svg-sprite" target="_blank">svg-sprite</a>.</p>
    1030. 

  1030. 		</footer>
    1031. 

  1031. 	</body>
    1032. 

  1032. </html>
    1033. 

  1033.