Add icons to this collection by clicking the heart icon.
Horizontal Arrow icon - also known as screen, pointer, hand, direction, gesture, touch, scroll, display, horizontal arrow, and hands and gestures. Created in a clean gradient 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=".624"
x2="62.609"
y1="60.256"
y2="-1.729"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1b54bc" />
<stop offset="1" stop-color="#27aae1" />
</linearGradient>
<linearGradient
id="b"
x1="4.624"
x2="66.609"
y1="64.256"
y2="2.271"
href="#a"
/>
<linearGradient
id="c"
x1="8.374"
x2="70.359"
y1="68.006"
y2="6.021"
href="#a"
/>
<linearGradient
id="d"
x1="-3.816"
x2="58.169"
y1="55.816"
y2="-6.169"
href="#a"
/>
<linearGradient
id="e"
x1="-11.816"
x2="50.169"
y1="47.816"
y2="-14.169"
href="#a"
/>
<linearGradient
id="f"
x1="-7.816"
x2="54.169"
y1="51.816"
y2="-10.169"
href="#a"
/>
<path
fill="url(#a)"
d="M36 38a1 1 0 0 1-1-1V20a2 2 0 0 0-4 0v17a1 1 0 0 1-2 0V20a4 4 0 0 1 8 0v17a1 1 0 0 1-1 1z"
/>
<path
fill="url(#b)"
d="M42 38a1 1 0 0 1-1-1V24a2 2 0 0 0-4 0v13a1 1 0 0 1-2 0V24a4 4 0 0 1 8 0v13a1 1 0 0 1-1 1z"
/>
<path
fill="url(#c)"
d="M48 61H24a1 1 0 0 1-1-1v-6.586L12.793 43.207a4.535 4.535 0 0 1 6.414-6.414L23 40.586V22a4 4 0 0 1 8 0v15a1 1 0 0 1-2 0V22a2 2 0 0 0-4 0v21a1 1 0 0 1-1.707.707l-5.5-5.5a2.6 2.6 0 0 0-3.586 0 2.525 2.525 0 0 0 0 3.586l10.5 10.5A1 1 0 0 1 25 53v6h22V28a2 2 0 0 0-4 0v9a1 1 0 0 1-2 0v-9a4 4 0 0 1 8 0v32a1 1 0 0 1-1 1z"
/>
<path
fill="url(#d)"
d="M44 13a1 1 0 0 1-.707-1.707L46.586 8l-3.293-3.293a1 1 0 0 1 1.414-1.414l4 4a1 1 0 0 1 0 1.414l-4 4A1 1 0 0 1 44 13z"
/>
<path
fill="url(#e)"
d="M28 13a1 1 0 0 1-.707-.293l-4-4a1 1 0 0 1 0-1.414l4-4a1 1 0 0 1 1.414 1.414L25.414 8l3.293 3.293A1 1 0 0 1 28 13z"
/>
<path fill="url(#f)" d="M48 9H24a1 1 0 0 1 0-2h24a1 1 0 0 1 0 2z" />
</svg>
More icons in the same style and category