Add icons to this collection by clicking the heart icon.
Spatial icon - also known as technology, innovation, futuristic, augmented reality, hands and gestures, and spatial. Created in a clean flat 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="f"
x2="36"
y1="18"
y2="18"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#89f7fe" />
<stop offset="1" stop-color="#66a6ff" />
</linearGradient>
<linearGradient
id="a"
x2="20"
y1="24.5"
y2="24.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9be15d" />
<stop offset="1" stop-color="#00e3ae" />
</linearGradient>
<linearGradient id="g" x1="18" x2="36" y1="19" y2="19" href="#a" />
<linearGradient
id="h"
x1="19"
x2="34.588"
y1="5.525"
y2="5.525"
href="#a"
/>
<linearGradient
id="b"
x1="29"
x2="33"
y1="19"
y2="19"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#3cba92" />
<stop offset="1" stop-color="#0ba360" />
</linearGradient>
<linearGradient
id="c"
x1="12"
x2="16"
y1="8"
y2="8"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#66a6ff" />
<stop offset="1" stop-color="#89f7fe" />
</linearGradient>
<linearGradient id="i" x1="4" x2="8" y1="24" y2="24" href="#b" />
<linearGradient id="j" x1="13" x2="17" y1="32" y2="32" href="#b" />
<linearGradient id="k" x1="19" x2="23" y1="24" y2="24" href="#c" />
<linearGradient id="l" x1="23" x2="27" y1="29" y2="29" href="#c" />
<linearGradient
id="m"
x1="42"
x2="64"
y1="7"
y2="7"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f6d365" />
<stop offset="1" stop-color="#fda085" />
</linearGradient>
<linearGradient
id="n"
x1="33"
x2="64"
y1="44.5"
y2="44.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffecd2" />
<stop offset="1" stop-color="#fcb69f" />
</linearGradient>
<linearGradient
id="d"
x1="8"
x2="22"
y1="47"
y2="47"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff9a9e" />
<stop offset="1" stop-color="#fad0c4" />
</linearGradient>
<linearGradient id="o" x1="23" x2="27" href="#d" />
<linearGradient id="p" x1="28" x2="32" href="#d" />
<linearGradient id="q" y1="55" y2="55" href="#d" />
<linearGradient id="r" x1="23" x2="27" y1="55" y2="55" href="#d" />
<linearGradient id="s" x1="28" x2="32" y1="55" y2="55" href="#d" />
<linearGradient id="t" x1="18" x2="32" y1="51" y2="51" href="#d" />
<linearGradient id="u" x1="13" x2="17" y1="51" y2="51" href="#d" />
<linearGradient id="v" x2="12" y1="51" y2="51" href="#d" />
<linearGradient
id="e"
x1="45"
x2="55"
y1="4"
y2="4"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fdfcfb" />
<stop offset="1" stop-color="#e2d1c3" />
</linearGradient>
<linearGradient id="w" x1="57" x2="61" href="#e" />
<linearGradient id="x" x1="51" x2="61" y1="7" y2="7" href="#e" />
<linearGradient id="y" x2="49" y1="7" y2="7" href="#e" />
<linearGradient id="z" y1="10" y2="10" href="#e" />
<linearGradient id="A" x1="57" x2="61" y1="10" y2="10" href="#e" />
<g>
<circle cx="18" cy="18" r="18" fill="url(#f)" />
<path
fill="url(#a)"
d="M18 29h-5a2 2 0 0 1 0-4h1a2 2 0 0 0 0-4H9a2 2 0 0 1 0-4 2 2 0 0 0 0-4H.719A17.97 17.97 0 0 0 18 36a18.152 18.152 0 0 0 2-.117V31a2 2 0 0 0-2-2z"
/>
<path
fill="url(#g)"
d="M18 17a2.07 2.07 0 0 0 2 2h4a2 2 0 0 1 2 2 2 2 0 0 0 2 2h7.281a17.389 17.389 0 0 0 .449-8H20a2.07 2.07 0 0 0-2 2z"
/>
<path
fill="url(#h)"
d="M19 .05V5a2 2 0 0 0 2 2h3a2 2 0 0 1 2 2 2 2 0 0 0 2 2h6.588A17.995 17.995 0 0 0 19 .05z"
/>
<path fill="url(#b)" d="M32 20h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
<path fill="url(#c)" d="M15 9h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
<path fill="url(#i)" d="M7 25H5a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
<path fill="url(#j)" d="M16 33h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
<path fill="url(#k)" d="M22 25h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
<path fill="url(#l)" d="M26 30h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
<path fill="url(#m)" d="M42 0h22v14H42z" />
<path
fill="url(#n)"
d="m64 61-9-13-.705-7.054a6 6 0 0 0-2.812-4.504L33 25l.586 3.515a6 6 0 0 0 2.478 3.93L45 38l2.75 5.188A2 2 0 0 1 45.922 46H44l-3.2-3.841C39.66 40.79 37.97 41 36.19 41H34l6 9 7 4 6 10h11z"
/>
<path fill="url(#d)" d="M21 48H9a1 1 0 0 1 0-2h12a1 1 0 0 1 0 2z" />
<path fill="url(#o)" d="M26 48h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
<path fill="url(#p)" d="M31 48h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
<path fill="url(#q)" d="M21 56H9a1 1 0 0 1 0-2h12a1 1 0 0 1 0 2z" />
<path fill="url(#r)" d="M26 56h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
<path fill="url(#s)" d="M31 56h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
<path fill="url(#t)" d="M31 52H19a1 1 0 0 1 0-2h12a1 1 0 0 1 0 2z" />
<path fill="url(#u)" d="M16 52h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
<path fill="url(#v)" d="M11 52H9a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
<path fill="url(#e)" d="M54 5h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2z" />
<path fill="url(#w)" d="M60 5h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
<path fill="url(#x)" d="M60 8h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2z" />
<path fill="url(#y)" d="M48 8h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
<path fill="url(#z)" d="M54 11h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2z" />
<path fill="url(#A)" d="M60 11h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
</g>
</svg>
More icons in the same style and category