Add icons to this collection by clicking the heart icon.
Drone icon - also known as technology, transportation, electronics, and drone. Created in a clean flat gradient style with a orange finish, 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="247.577"
x2="264.423"
y1="198.888"
y2="198.888"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a3a7e4" />
<stop offset=".186" stop-color="#a0a3df" />
<stop offset=".419" stop-color="#9897cf" />
<stop offset=".676" stop-color="#8b85b6" />
<stop offset=".933" stop-color="#7a6c95" />
</linearGradient>
<linearGradient
id="d"
x1="88.911"
x2="221.328"
y1="305.461"
y2="305.461"
href="#a"
/>
<linearGradient
id="e"
x1="290.672"
x2="422.642"
y1="305.461"
y2="305.461"
gradientUnits="userSpaceOnUse"
>
<stop offset=".067" stop-color="#7a6c95" />
<stop offset=".324" stop-color="#8b85b6" />
<stop offset=".581" stop-color="#9897cf" />
<stop offset=".814" stop-color="#a0a3df" />
<stop offset="1" stop-color="#a3a7e4" />
</linearGradient>
<linearGradient
id="f"
x1="256"
x2="256"
y1="156.618"
y2="131.154"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e6e5fa" />
<stop offset=".259" stop-color="#dbdbf6" />
<stop offset=".707" stop-color="#bfc2eb" />
<stop offset=".992" stop-color="#aaaee3" />
</linearGradient>
<linearGradient
id="b"
x1="256"
x2="256"
y1="147.677"
y2="102.064"
gradientUnits="userSpaceOnUse"
>
<stop offset=".008" stop-color="#aaaee3" />
<stop offset=".6" stop-color="#d1d1f2" />
<stop offset="1" stop-color="#e6e5fa" />
</linearGradient>
<linearGradient
id="g"
x1="237.954"
x2="274.046"
y1="124.255"
y2="124.255"
href="#a"
/>
<linearGradient
id="c"
x1="237.814"
x2="274.186"
y1="138.988"
y2="138.988"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7a6c95" />
<stop offset=".276" stop-color="#756691" />
<stop offset=".65" stop-color="#665586" />
<stop offset="1" stop-color="#523e78" />
</linearGradient>
<linearGradient
id="h"
x1="256"
x2="256"
y1="217.898"
y2="187.989"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e6e5fa" />
<stop offset=".269" stop-color="#e2e2f9" />
<stop offset=".517" stop-color="#d7d7f4" />
<stop offset=".755" stop-color="#c5c6ed" />
<stop offset=".989" stop-color="#aaaee3" />
<stop offset=".992" stop-color="#aaaee3" />
</linearGradient>
<linearGradient
id="i"
x1="256"
x2="256"
y1="208.057"
y2="168.174"
href="#b"
/>
<linearGradient
id="j"
x1="234.639"
x2="277.361"
y1="197.191"
y2="197.191"
href="#c"
/>
<linearGradient
id="k"
x1="234.639"
x2="277.361"
y1="262.364"
y2="262.364"
href="#c"
/>
<linearGradient
id="l"
x1="256"
x2="256"
y1="352.589"
y2="269.8"
gradientUnits="userSpaceOnUse"
>
<stop offset=".008" stop-color="#aaaee3" />
<stop offset=".051" stop-color="#b0b4e5" />
<stop offset=".255" stop-color="#c8c9ee" />
<stop offset=".471" stop-color="#d9d9f5" />
<stop offset=".708" stop-color="#e3e2f9" />
<stop offset="1" stop-color="#e6e5fa" />
</linearGradient>
<linearGradient
id="m"
x1="221.825"
x2="241.425"
y1="309.549"
y2="309.549"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f36f8b" />
<stop offset=".277" stop-color="#ef6a87" />
<stop offset=".596" stop-color="#e55c7d" />
<stop offset=".932" stop-color="#d3466c" />
<stop offset="1" stop-color="#cf4068" />
</linearGradient>
<linearGradient
id="n"
x1="407.586"
x2="470.479"
y1="375.904"
y2="375.904"
href="#c"
/>
<linearGradient
id="o"
x1="41.521"
x2="104.414"
y1="375.904"
y2="375.904"
href="#c"
/>
<path fill="url(#a)" d="M247.577 143.886h16.845v110.005h-16.845z" />
<path
fill="url(#d)"
d="m104.043 365.103 91.572-91.572 11.027 11.027 11.894-5.52 2.792-9.165-22.884-22.883a4 4 0 0 0-5.657 0L89.358 350.418l-.447 14.685z"
/>
<path
fill="url(#e)"
d="m407.957 365.103-91.572-91.572-11.028 11.027-11.245-4.25-3.44-10.435 22.884-22.883a4 4 0 0 1 5.657 0l103.429 103.428-.813 13.134z"
/>
<path
fill="url(#f)"
d="M374.199 131.154a1.999 1.999 0 0 1 1.687 3.076c-4.335 6.775-16.786 22.388-39.475 22.388-22.602 0-30.715-9.794-62.365-9.794h-36.092c-31.65 0-39.763 9.794-62.365 9.794-22.69 0-35.14-15.613-39.475-22.388a1.999 1.999 0 0 1 1.687-3.076h11.638L256 138.988l106.561-7.834z"
/>
<path
fill="url(#b)"
d="M184.53 147.677c20.307 0 28.93-7.903 53.424-9.508h36.092c24.494 1.605 33.117 9.508 53.423 9.508 17.405 0 28.779-9.185 35.092-16.523H149.439c6.313 7.338 17.687 16.523 35.092 16.523z"
/>
<path
fill="url(#g)"
d="m274.046 131.154-17.698 6.642-18.394-6.642 8.84-20.44h18.412z"
/>
<path fill="url(#c)" d="M237.814 131.154h36.372v15.668h-36.372z" />
<path
fill="url(#h)"
d="M116.533 187.989a1.998 1.998 0 0 0-1.703 3.051c4.742 7.617 19.423 26.858 46.721 26.858 26.547 0 36.077-11.504 73.252-11.504h42.393c37.175 0 46.705 11.504 73.252 11.504 27.298 0 41.98-19.241 46.722-26.858a1.998 1.998 0 0 0-1.703-3.051h-13.081L256 196.842l-126.386-8.853z"
/>
<path
fill="url(#i)"
d="M171.393 208.057c24.036 0 34.124-9.43 63.41-11.214h42.393c29.287 1.784 39.375 11.214 63.411 11.214 20.971 0 34.486-11.35 41.779-20.068H277.36l-21.361 3.4-21.36-3.4H129.613c7.293 8.717 20.808 20.068 41.779 20.068z"
/>
<path fill="url(#j)" d="M234.639 187.989h42.722v18.403h-42.722z" />
<path fill="url(#k)" d="M234.639 249.928h42.722v24.873h-42.722z" />
<path
fill="url(#l)"
d="m206.617 284.43 14.71-14.63h69.345l14.71 14.629v64.16a4 4 0 0 1-4 4h-90.765a4 4 0 0 1-4-4z"
/>
<circle cx="231.625" cy="309.549" r="9.8" fill="url(#m)" />
<circle cx="256.131" cy="309.549" r="5" fill="#fe9e5b" />
<path
fill="url(#n)"
d="m422.539 350.521 47.35 47.35a2 2 0 0 1-1.414 3.415h-32.348s-6.957-.08-6.957-15.002L407.586 364.7z"
/>
<path
fill="url(#o)"
d="m89.461 350.521-47.35 47.35a2 2 0 0 0 1.414 3.415h32.348s6.957-.08 6.957-15.002l21.584-21.584z"
/>
</svg>
More icons in the same style and category