Add icons to this collection by clicking the heart icon.
Right And Left icon - also known as arrows, arrow, circle, sign, right and left, arrow outline, arrow cycle, arrow button, arrow graphic, and circle arrows. Created in a clean flat 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 32 32"
>
<linearGradient
id="a"
x1="16"
x2="16"
y1="3.33"
y2="26.56"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fffdd0" />
<stop offset="1" stop-color="#f7d98d" />
</linearGradient>
<radialGradient
id="b"
cx="10.57"
cy="15.97"
r="14.79"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fea300" />
<stop offset=".3" stop-color="#feab00" />
<stop offset=".78" stop-color="#ffc200" />
<stop offset="1" stop-color="#ffcf00" />
</radialGradient>
<g>
<path
fill="url(#a)"
d="M16 4a12 12 0 1 0 12 12A12 12 0 0 0 16 4zm-1.29 12.71-3 3a1 1 0 0 1-1.42 0 1 1 0 0 1 0-1.42l1.3-1.29H9a1 1 0 0 1 0-2h2.59l-1.3-1.29a1 1 0 0 1 1.42-1.42l3 3a1 1 0 0 1 0 1.42zM23 17h-2.59l1.3 1.29a1 1 0 0 1 0 1.42 1 1 0 0 1-1.42 0l-3-3a1 1 0 0 1 0-1.42l3-3a1 1 0 0 1 1.42 1.42L20.41 15H23a1 1 0 0 1 0 2z"
/>
<g fill="url(#b)">
<path
d="M24 16a1 1 0 0 1-1 1h-2.59l1.3 1.29a1 1 0 0 1 0 1.42 1 1 0 0 1-1.42 0l-3-3a1 1 0 0 1 0-1.42l3-3a1 1 0 0 1 1.42 1.42L20.41 15H23a1 1 0 0 1 1 1zM14.71 16.71l-3 3a1 1 0 0 1-1.42 0 1 1 0 0 1 0-1.42l1.3-1.29H9a1 1 0 0 1 0-2h2.59l-1.3-1.29a1 1 0 0 1 1.42-1.42l3 3a1 1 0 0 1 0 1.42z"
/>
</g>
</g>
</svg>
More icons in the same style and category