Touch Interaction Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Touch Interaction 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/319104.svg" alt="Touch Interaction icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/319104.svg" alt="Touch Interaction icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/319104.svg" alt="Touch Interaction icon" :width="24" :height="24" />
CSS background
.icon-touch-interaction {
background-image: url('https://proicons.com/icon/319104.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg id="icon" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<defs>
<style>
.cls-1 {
fill: none;
}
</style>
</defs>
<title>touch--interaction</title>
<path d="M26,21V20a1,1,0,0,1,2,0V30h2V20a3.0033,3.0033,0,0,0-3-3,2.964,2.964,0,0,0-1.4708.4014,2.9541,2.9541,0,0,0-4-1A2.9934,2.9934,0,0,0,19,15a2.96,2.96,0,0,0-1,.1846L18,10h0a3,3,0,0,0-6,0V21.1045L9.7651,19.5752l-.0008.001a2.999,2.999,0,0,0-3.881,4.55L12.3223,30l1.3479-1.478L7.2915,22.7036A.9908.9908,0,0,1,7,22a1.0005,1.0005,0,0,1,1.6-.8008L14,24.8955V10a1,1,0,0,1,2,0h0V21h2V18a1,1,0,0,1,2,0v3h2V19a1,1,0,0,1,2,0v2Z"/>
<path d="M28,12H22V10h6V4H4v6H8v2H4a2.0021,2.0021,0,0,1-2-2V4A2.0021,2.0021,0,0,1,4,2H28a2.0021,2.0021,0,0,1,2,2v6A2.0021,2.0021,0,0,1,28,12Z"/>
<rect id="_Transparent_Rectangle_" data-name="<Transparent Rectangle>" class="cls-1" width="32" height="32"/>
</svg>
More from Carbon Icons
View all
Copied!