Add icons to this collection by clicking the heart icon.
Click icon - also known as mouse, cursor, click, arrow, pointer, click here, disable cursor, ui, and shapes and symbols. 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 512 512"
>
<linearGradient
id="a"
x1="400.88"
x2="115.32"
y1="520.29"
y2="-.63"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00ffa9" />
<stop offset=".15" stop-color="#02eab3" />
<stop offset=".47" stop-color="#06b3ce" />
<stop offset=".93" stop-color="#0c5cf8" />
<stop offset="1" stop-color="#0d4dff" />
</linearGradient>
<linearGradient
id="b"
x1="213.58"
x2="-71.98"
y1="622.97"
y2="102.05"
href="#a"
/>
<linearGradient
id="c"
x1="327.1"
x2="41.54"
y1="560.74"
y2="39.82"
href="#a"
/>
<linearGradient
id="d"
x1="297.61"
x2="12.05"
y1="576.9"
y2="55.99"
href="#a"
/>
<linearGradient
id="e"
x1="474.67"
x2="189.1"
y1="479.84"
y2="-41.07"
href="#a"
/>
<linearGradient
id="f"
x1="504.15"
x2="218.59"
y1="463.68"
y2="-57.24"
href="#a"
/>
<linearGradient
id="g"
x1="297.16"
x2="11.6"
y1="577.15"
y2="56.23"
href="#a"
/>
<linearGradient
id="h"
x1="447.17"
x2="161.6"
y1="494.92"
y2="-26"
href="#a"
/>
<linearGradient
id="i"
x1="395.56"
x2="110"
y1="523.21"
y2="2.29"
href="#a"
/>
<linearGradient
id="j"
x1="512.66"
x2="227.09"
y1="459.02"
y2="-61.9"
href="#a"
/>
<linearGradient
id="k"
x1="344.53"
x2="58.97"
y1="551.18"
y2="30.27"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M457.15 140.12H54.85a49.77 49.77 0 0 0-49.71 49.71v40.43a6 6 0 0 0 12 0v-40.43a37.75 37.75 0 0 1 37.71-37.71h402.3a37.76 37.76 0 0 1 37.72 37.71v132.33a37.75 37.75 0 0 1-37.72 37.71H54.85a37.74 37.74 0 0 1-37.71-37.71v-45.1a6 6 0 0 0-12 0v45.1a49.77 49.77 0 0 0 49.71 49.71h402.3a49.77 49.77 0 0 0 49.72-49.71V189.83a49.77 49.77 0 0 0-49.72-49.71z"
/>
<path
fill="url(#b)"
d="M11.14 264.16a6 6 0 0 0 6-6v-9a6 6 0 0 0-12 0v9a6 6 0 0 0 6 6z"
/>
<path
fill="url(#c)"
d="M260.24 387.54a6 6 0 0 0-8.48 0L212.5 426.8a6 6 0 1 0 8.48 8.48l35-35 35 35a6 6 0 0 0 8.48-8.48z"
/>
<path
fill="url(#d)"
d="M260.24 457.5a6 6 0 0 0-8.48 0l-39.26 39.26a6 6 0 1 0 8.48 8.48l35-35 35 35a6 6 0 0 0 8.48-8.48z"
/>
<path
fill="url(#e)"
d="M251.76 124.46a6 6 0 0 0 7.54.77 5.66 5.66 0 0 0 .94-.77L299.5 85.2a6 6 0 0 0-8.5-8.48l-35 35-35-35a6 6 0 0 0-8.48 8.48z"
/>
<path
fill="url(#f)"
d="M251.76 54.5a6 6 0 0 0 7.54.77 5.66 5.66 0 0 0 .94-.77l39.26-39.26a6 6 0 0 0-8.5-8.48l-35 35-35-35a6 6 0 0 0-8.48 8.48z"
/>
<path
fill="url(#g)"
d="M121.3 212c9.46 0 18.6 5.16 25.07 14.16a6 6 0 1 0 9.74-7C147.35 207 134.66 200 121.3 200c-25.46 0-46.17 25.11-46.17 56s20.71 56 46.17 56c13.37 0 26.06-7 34.81-19.14a6 6 0 1 0-9.74-7c-6.47 9-15.61 14.15-25.07 14.15-18.84 0-34.17-19.72-34.17-44S102.46 212 121.3 212z"
/>
<path
fill="url(#h)"
d="M316.38 212c9.46 0 18.6 5.16 25.07 14.16a6 6 0 1 0 9.74-7C342.44 207 329.75 200 316.38 200c-25.46 0-46.17 25.11-46.17 56s20.71 56 46.17 56c13.37 0 26.06-7 34.81-19.14a6 6 0 1 0-9.74-7c-6.47 9-15.61 14.15-25.07 14.15-18.84 0-34.17-19.72-34.17-44S297.54 212 316.38 212z"
/>
<path
fill="url(#i)"
d="M255.08 306V206a6 6 0 0 0-12 0v100a6 6 0 0 0 12 0z"
/>
<path
fill="url(#j)"
d="M375 200a6 6 0 0 0-6 6v100a6 6 0 0 0 12 0v-35.24l5.49-6.11 39.92 44.48a6 6 0 1 0 8.94-8l-40.8-45.44 38.91-43.35a6 6 0 1 0-8.93-8L381 252.8V206a6 6 0 0 0-6-6z"
/>
<path
fill="url(#k)"
d="M181.17 200a6 6 0 0 0-6 6v92.4a13.56 13.56 0 0 0 13.54 13.6h30.44a6 6 0 0 0 0-12h-30.44a1.54 1.54 0 0 1-1.54-1.54V206a6 6 0 0 0-6-6z"
/>
</g>
</svg>
More icons in the same style and category