Touch Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Touch icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/306690.svg" alt="Touch icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/306690.svg" alt="Touch icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/306690.svg" alt="Touch icon" :width="24" :height="24" />
CSS background
.icon-touch {
background-image: url('https://proicons.com/icon/306690.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="64" height="64" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M491 938c-4-2-9-1-13-1l-98-1c-29 0-44-12-53-39-8-29-14-59-21-88-7-33-22-62-45-87-5-6-11-12-16-18-11-12-16-26-9-42 8-16 21-25 38-25 33-2 60 13 84 34 20 19 35 41 42 68 1 2 2 4 4 6V350v-23c-1-34 29-49 55-45 24 4 37 18 39 42 2 41 4 81 6 121 3 53 5 106 8 160 3-6 5-11 9-15 14-18 33-21 54-18 18 3 33 12 40 30 5 13 4 27 5 40 1 3 1 5 1 8 4-13 11-24 23-30s25-8 37-5c32 7 39 19 43 76 1 0 2-2 2-3 6-22 28-30 43-28 24 2 40 15 43 37 3 17 1 34 2 52 0 48-3 96-9 144-2 22-15 37-36 43-1 0-2 1-3 1l-275 1zm29-876c5 3 11 5 15 8 13 10 17 23 14 38-6 25-13 51-21 76-7 24-34 33-55 20-13-8-19-25-15-42l18-69c4-16 14-25 29-30l15-1zM225 230c10 1 23 6 35 9 15 3 29 8 44 12 21 6 33 25 28 45s-25 32-46 27c-25-6-50-13-74-20-19-6-30-23-27-41 4-19 19-32 40-32zm-16 217c0-14 6-25 18-32 22-13 44-26 66-38 20-11 41-4 51 14s4 39-14 50c-22 13-44 26-66 38-26 14-55-3-55-32zm472-21c-7 1-13-1-19-3-21-6-43-11-64-17s-32-25-26-46c5-20 25-31 46-25 24 6 48 12 72 19 19 6 31 23 28 41s-19 32-37 31zM332 86c14 0 25 6 32 18 13 22 26 44 38 67 13 23 1 49-25 54-14 3-27-1-36-14-15-24-30-49-43-75-11-23 9-49 34-50zm222 162c0-13 5-24 16-30 23-14 47-28 71-41 17-9 38-3 47 13 11 18 7 39-11 50-23 15-47 29-72 41-24 12-51-7-51-33z"/></svg>
More from IcoFont
View all
Touch in other icon packs
Copied!