Add icons to this collection by clicking the heart icon.
Arrow icon - also known as arrow, archery, heart, love, cupid, romanticism, and valentines day. 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 510 510"
>
<linearGradient
id="e"
x1="44.65"
x2="452.85"
y1="261.25"
y2="261.25"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#537983" />
<stop offset="1" stop-color="#3e5959" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#99e6fc" />
<stop offset=".504" stop-color="#01d0fb" />
<stop offset=".586" stop-color="#08c7f7" />
<stop offset=".723" stop-color="#1bacec" />
<stop offset=".897" stop-color="#3a82dc" />
<stop offset="1" stop-color="#4f66d0" />
</linearGradient>
<linearGradient
id="f"
x1="-87.752"
x2="227.723"
y1="233.477"
y2="233.477"
gradientTransform="rotate(-45 285.413 255.07)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="-138.418"
x2="160.963"
y1="196.819"
y2="196.819"
gradientTransform="rotate(-45 285.413 255.07)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="-138.418"
x2="160.963"
y1="268.153"
y2="268.153"
gradientTransform="rotate(-45 285.413 255.07)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="-141.085"
x2="190.921"
y1="233.477"
y2="233.477"
gradientTransform="rotate(-45 285.413 255.07)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="217.036"
x2="803.758"
y1="116.626"
y2="116.626"
gradientTransform="rotate(-45 539.128 468.746)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f8f6f7" />
<stop offset=".179" stop-color="#f8f6f7" />
<stop offset="1" stop-color="#e7e6f5" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#f8f6f7" />
<stop offset="1" stop-color="#d1ceeb" />
</linearGradient>
<linearGradient
id="k"
x1="212.915"
x2="468.498"
y1="233.477"
y2="233.477"
gradientTransform="rotate(-45 285.413 255.07)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="165.415"
x2="381.307"
y1="233.477"
y2="233.477"
gradientTransform="rotate(-45 285.413 255.07)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#fff3be" />
<stop offset=".573" stop-color="#ffd15b" />
<stop offset="1" stop-color="#eca026" />
</linearGradient>
<linearGradient
id="m"
x1="174.483"
x2="551.272"
y1="233.477"
y2="233.477"
gradientTransform="rotate(-45 285.413 255.07)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="90.488"
x2="489.513"
y1="233.477"
y2="233.477"
gradientTransform="rotate(-45 285.413 255.07)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#fecec8" />
<stop offset=".573" stop-color="#fe73c5" />
<stop offset="1" stop-color="#f1239a" />
</linearGradient>
<linearGradient
id="o"
x1="584.18"
x2="830.478"
y1="303.07"
y2="303.07"
gradientTransform="scale(1 -1) rotate(-45 130.98 423.923)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="p"
x1="597.099"
x2="792.999"
y1="303.17"
y2="303.17"
gradientTransform="scale(1 -1) rotate(-45 130.98 423.923)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<path
fill="url(#e)"
d="M452.85 465.35H238.66c-106.978 0-194.01-87.032-194.01-194.01V57.15h25v214.19c0 93.192 75.817 169.01 169.01 169.01h214.19z"
/>
<path
fill="url(#f)"
d="m183.87 326.13-84.652-11.829a57.495 57.495 0 0 0-48.612 16.287L6.887 374.307c-13.672 13.672-5.828 37.085 13.321 39.761l66.44 9.284 9.284 66.44c2.676 19.149 26.089 26.993 39.761 13.321l43.719-43.719a57.497 57.497 0 0 0 16.287-48.612z"
/>
<path
fill="url(#g)"
d="M130.321 368.201v-20.025H73.767c-5.529 0-10.013 4.483-10.013 10.013s4.483 10.013 10.013 10.013h56.554zM98.592 399.929v-20.025H42.038c-5.529 0-10.013 4.483-10.013 10.013s4.483 10.013 10.013 10.013h56.554z"
/>
<g fill="url(#h)">
<path
d="M140.398 434.832c0 5.529 4.483 10.013 10.012 10.012 5.53 0 10.013-4.483 10.013-10.013v-56.554h-20.025zM108.669 410.006v56.554c0 5.529 4.483 10.013 10.012 10.012 5.53 0 10.013-4.483 10.013-10.013v-56.554z"
/>
</g>
<path
fill="url(#i)"
d="M99.218 314.301a57.495 57.495 0 0 0-48.612 16.287l-18.234 18.234a57.493 57.493 0 0 1 48.612-16.286l84.652 11.829 11.829 84.652a57.497 57.497 0 0 1-16.286 48.612l18.234-18.234a57.495 57.495 0 0 0 16.287-48.612l-11.83-84.653z"
/>
<path
fill="url(#j)"
d="M437.22 72.78c9.082 9.082 9.082 23.806 0 32.887L96.523 446.364c-9.082 9.082-23.806 9.082-32.887 0-9.082-9.082-9.082-23.806 0-32.887L404.332 72.78c9.082-9.081 23.806-9.081 32.888 0z"
/>
<path
fill="url(#k)"
d="m404.332 72.78-42.041 42.041a50.499 50.499 0 0 0 22.76 5.394h.05a4.666 4.666 0 0 1 4.683 4.683v.05a50.512 50.512 0 0 0 5.394 22.76l42.041-42.041c9.082-9.082 9.082-23.806 0-32.887-9.081-9.081-23.805-9.081-32.887 0z"
/>
<path
fill="url(#l)"
d="m322.662 220.225 22.321-22.32-33.087-32.688-22.321 22.32z"
/>
<path
fill="url(#m)"
d="M451.551 485.039c-1.229 0-2.474-.082-3.727-.252-15.05-2.039-25.598-15.893-23.559-30.943l3.568-26.337c4.996-36.875 1.35-75.004-10.546-110.264-11.896-35.261-32.091-67.806-58.404-94.119l-72.008-72.008c-26.313-26.313-58.858-46.509-94.119-58.404-35.259-11.896-73.388-15.544-110.264-10.546l-26.337 3.568c-15.061 2.047-28.905-8.51-30.943-23.559-2.039-15.051 8.509-28.904 23.559-30.943l26.337-3.568c45.225-6.129 91.986-1.655 135.229 12.934 43.244 14.589 83.158 39.357 115.429 71.628l72.008 72.008c32.271 32.271 57.039 72.185 71.628 115.429 14.589 43.243 19.061 90.004 12.934 135.229l-3.568 26.337c-1.87 13.796-13.669 23.81-27.217 23.81z"
/>
<path
fill="url(#n)"
d="M210.338 40.598c-43.243-14.589-90.005-19.063-135.229-12.934l-26.337 3.568c-10.974 1.487-19.548 9.259-22.6 19.193a27.594 27.594 0 0 1 4.366-.959l26.337-3.568c45.224-6.129 91.986-1.655 135.229 12.934 43.244 14.589 83.158 39.357 115.429 71.628l72.008 72.008c32.271 32.271 57.039 72.184 71.628 115.429 14.589 43.243 19.06 90.004 12.934 135.229l-3.568 26.337a27.635 27.635 0 0 1-.962 4.367c9.936-3.051 17.709-11.626 19.196-22.601l3.568-26.337c6.127-45.226 1.655-91.986-12.934-135.229-14.589-43.244-39.357-83.158-71.628-115.429l-72.008-72.008c-32.271-32.271-72.185-57.039-115.429-71.628z"
/>
<path
fill="url(#o)"
d="M509.999 106.21c0 28.022-22.716 50.738-50.738 50.738s-50.738-22.716-50.738-50.738v-.05a4.666 4.666 0 0 0-4.683-4.683h-.05c-28.022 0-50.738-22.716-50.738-50.738S375.768.001 403.79.001h.001L403.79 0h66.431C492.19 0 510 17.81 510 39.779z"
/>
<path
fill="url(#p)"
d="M509.999 106.21c0 28.022-22.716 50.738-50.738 50.738-12.416 0-23.786-4.466-32.604-11.872a99.578 99.578 0 0 0 13.009-10.93C476.429 97.383 478.242 38.935 445.158 0h25.063C492.19 0 510 17.81 510 39.779z"
/>
</svg>
More icons in the same style and category