Add icons to this collection by clicking the heart icon.
Touch Screen icon - also known as technology, touch screen, innovation, futuristic, augmented reality, and hands and gestures. Created in a clean flat style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="17"
x2="28"
y1="35"
y2="35"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f6d365" />
<stop offset="1" stop-color="#fda085" />
</linearGradient>
<linearGradient id="d" x1="28" x2="39" y1="35" y2="35" href="#a" />
<linearGradient id="e" x2="39" y1="25" y2="25" href="#a" />
<linearGradient
id="f"
x1="40.446"
x2="52.413"
y1="41.422"
y2="62.117"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffecd2" />
<stop offset="1" stop-color="#fcb69f" />
</linearGradient>
<linearGradient id="g" x2="14" y1="4" y2="4" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#9be15d" />
<stop offset="1" stop-color="#00e3ae" />
</linearGradient>
<linearGradient
id="b"
x1="2"
x2="8"
y1="4"
y2="4"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a18cd1" />
<stop offset="1" stop-color="#fbc2eb" />
</linearGradient>
<linearGradient id="h" x1="9" x2="12" href="#b" />
<linearGradient
id="i"
x1="50"
x2="64"
y1="16"
y2="16"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00c6fb" />
<stop offset="1" stop-color="#005bea" />
</linearGradient>
<linearGradient id="j" x1="56" x2="62" y1="16" y2="16" href="#b" />
<linearGradient id="k" x1="52" x2="55" y1="16" y2="16" href="#b" />
<linearGradient
id="l"
x1="5"
x2="19"
y1="53"
y2="53"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff0844" />
<stop offset="1" stop-color="#ffb199" />
</linearGradient>
<linearGradient id="m" x1="11" x2="17" y1="53" y2="53" href="#b" />
<linearGradient id="n" x1="7" x2="10" y1="53" y2="53" href="#b" />
<linearGradient
id="c"
x1="21"
x2="29"
y1="50.5"
y2="50.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#868f96" />
<stop offset="1" stop-color="#596164" />
</linearGradient>
<linearGradient id="o" x1="16" x2="28" y1="10" y2="10" href="#c" />
<linearGradient id="p" x1="39" x2="48" y1="19.5" y2="19.5" href="#c" />
<linearGradient id="q" x1="3" x2="13" y1="13" y2="13" href="#b" />
<linearGradient id="r" x1="14" x2="18" y1="13" y2="13" href="#b" />
<linearGradient id="s" x1="19" x2="23" y1="13" y2="13" href="#b" />
<linearGradient id="t" x1="13" x2="23" y1="17" y2="17" href="#b" />
<linearGradient id="u" x1="8" x2="12" y1="17" y2="17" href="#b" />
<linearGradient id="v" x1="3" x2="7" y1="17" y2="17" href="#b" />
<linearGradient id="w" x1="44" x2="54" y1="25" y2="25" href="#b" />
<linearGradient id="x" x1="55" x2="59" y1="25" y2="25" href="#b" />
<linearGradient id="y" x1="60" x2="64" y1="25" y2="25" href="#b" />
<linearGradient id="z" x1="54" x2="64" y1="29" y2="29" href="#b" />
<linearGradient id="A" x1="49" x2="53" y1="29" y2="29" href="#b" />
<linearGradient id="B" x1="44" x2="48" y1="29" y2="29" href="#b" />
<g>
<path fill="url(#a)" d="m17 25 11 6v14l-11-6z" />
<path fill="url(#d)" d="m39 25-11 6v14l11-6z" />
<path fill="url(#e)" d="m39 25-11 6-11-6 11-6z" />
<path
fill="url(#f)"
d="m64 56-3.83-4.31-.71-4.95-7.07-7.07a1.998 1.998 0 0 0-2.83 2.82l-.7-.7a1.992 1.992 0 0 0-3.11 2.45l-.34-.33a1.998 1.998 0 1 0-2.82 2.83L44 48.15v.49l-8.49-8.49a1.998 1.998 0 0 0-2.82 2.83L44.71 55h-5.66a4.242 4.242 0 0 0-4.24 4.24l16.97 1.42L55 64h9z"
/>
<path fill="url(#g)" d="M0 0h14v8H0z" />
<path fill="url(#b)" d="M7 5H3a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" />
<path fill="url(#h)" d="M11 5h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 0 2z" />
<path fill="url(#i)" d="M50 12h14v8H50z" />
<path fill="url(#j)" d="M61 17h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" />
<path fill="url(#k)" d="M54 17h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 0 2z" />
<path fill="url(#l)" d="M5 49h14v8H5z" />
<path fill="url(#m)" d="M16 54h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" />
<path fill="url(#n)" d="M9 54H8a1 1 0 0 1 0-2h1a1 1 0 0 1 0 2z" />
<path
fill="url(#c)"
d="M28 54h-6a1 1 0 0 1 0-2h5v-4a1 1 0 0 1 2 0v5a1 1 0 0 1-1 1z"
/>
<path
fill="url(#o)"
d="M27 17a1 1 0 0 1-1-1V5h-9a1 1 0 0 1 0-2h10a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1z"
/>
<path
fill="url(#p)"
d="M40 24a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1h7a1 1 0 0 1 0 2h-6v6a1 1 0 0 1-1 1z"
/>
<path fill="url(#q)" d="M12 14H4a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2z" />
<path fill="url(#r)" d="M17 14h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
<path fill="url(#s)" d="M22 14h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
<path fill="url(#t)" d="M22 18h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2z" />
<path fill="url(#u)" d="M11 18H9a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
<path fill="url(#v)" d="M6 18H4a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
<path fill="url(#w)" d="M53 26h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2z" />
<path fill="url(#x)" d="M58 26h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
<path fill="url(#y)" d="M63 26h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
<path fill="url(#z)" d="M63 30h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2z" />
<path fill="url(#A)" d="M52 30h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
<path fill="url(#B)" d="M47 30h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
</g>
</svg>
More icons in the same style and category