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=".69"
x2="65.517"
y1="64.19"
y2="-.637"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1b54bc" />
<stop offset="1" stop-color="#27aae1" />
</linearGradient>
<linearGradient
id="b"
x1="3.94"
x2="68.767"
y1="67.44"
y2="2.613"
href="#a"
/>
<linearGradient
id="c"
x1="5.94"
x2="70.767"
y1="69.44"
y2="4.613"
href="#a"
/>
<linearGradient
id="d"
x1="-4.75"
x2="60.077"
y1="58.75"
y2="-6.077"
href="#a"
/>
<linearGradient
id="e"
x1="-12.75"
x2="52.077"
y1="50.75"
y2="-14.077"
href="#a"
/>
<linearGradient
id="f"
x1="-8.75"
x2="56.077"
y1="54.75"
y2="-10.077"
href="#a"
/>
<path
fill="url(#a)"
d="M36 37a1 1 0 0 1-1-1v-7a2 2 0 0 0-4 0v7a1 1 0 0 1-2 0v-7a4 4 0 0 1 8 0v7a1 1 0 0 1-1 1z"
/>
<path
fill="url(#b)"
d="M42 37a1 1 0 0 1-1-1v-6a2 2 0 0 0-4 0v6a1 1 0 0 1-2 0v-6a4 4 0 0 1 8 0v6a1 1 0 0 1-1 1z"
/>
<path
fill="url(#c)"
d="M48 60H24a1 1 0 0 1-1-1v-6.586L12.793 42.207a4.535 4.535 0 0 1 6.414-6.414L23 39.586V21a4 4 0 0 1 8 0v15a1 1 0 0 1-2 0V21a2 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 52v6h22V32a2 2 0 0 0-4 0v4a1 1 0 0 1-2 0v-4a4 4 0 0 1 8 0v27a1 1 0 0 1-1 1z"
/>
<path
fill="url(#d)"
d="M44 15a1 1 0 0 1-.707-1.707L46.586 10l-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 15z"
/>
<path
fill="url(#e)"
d="M28 15a1 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 10l3.293 3.293A1 1 0 0 1 28 15z"
/>
<path fill="url(#f)" d="M48 11H24a1 1 0 0 1 0-2h24a1 1 0 0 1 0 2z" />
</svg>
More icons in the same style and category