Add icons to this collection by clicking the heart icon.
Hardware icon - also known as technology, computer, electronics, chip, hardware, processor, computer hardware, computer chip, embedded, and microprocessor. 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="100"
height="100"
viewBox="0 0 480 480"
>
<linearGradient
id="a"
x1="-26.875"
x2="-26.875"
y1="557.505"
y2="618.694"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M392 392H88V88h304v304zm-288-16h272V104H104v272z" fill="url(#a)" />
<linearGradient
id="b"
x1="-26.875"
x2="-26.875"
y1="557.505"
y2="618.694"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M232 0h16v72h-16V0z" fill="url(#b)" />
<linearGradient
id="c"
x1="-21.875"
x2="-21.875"
y1="557.505"
y2="618.694"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M280 72h-16V45.552l16-23.736V0h16v26.704l-16 23.744V72z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-16.875"
x2="-16.875"
y1="557.505"
y2="618.694"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M320 72h-16V45.552l16-23.736V0h16v26.704l-16 23.744V72z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-11.875"
x2="-11.875"
y1="557.505"
y2="618.694"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M360 72h-16V45.552l16-23.736V0h16v26.704l-16 23.744V72z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-31.875"
x2="-31.875"
y1="557.505"
y2="618.694"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M216 72h-16V50.448l-16-23.744V0h16v21.816l16 23.736V72z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-36.875"
x2="-36.875"
y1="557.505"
y2="618.694"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M176 72h-16V50.448l-16-23.744V0h16v21.816l16 23.736V72z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-41.875"
x2="-41.875"
y1="557.505"
y2="618.694"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M136 72h-16V50.448l-16-23.744V0h16v21.816l16 23.736V72z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="-52.375"
x2="-52.375"
y1="557.505"
y2="618.694"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M0 232h72v16H0v-16z" fill="url(#i)" />
<linearGradient
id="j"
x1="-52.375"
x2="-52.375"
y1="557.505"
y2="618.694"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M72 216H45.552l-23.736-16H0v-16h26.704l23.744 16H72v16z"
fill="url(#j)"
/>
<linearGradient
id="k"
x1="-52.375"
x2="-52.375"
y1="557.505"
y2="618.694"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M72 176H45.552l-23.736-16H0v-16h26.704l23.744 16H72v16z"
fill="url(#k)"
/>
<linearGradient
id="l"
x1="-52.375"
x2="-52.375"
y1="557.505"
y2="618.694"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M72 136H45.552l-23.736-16H0v-16h26.704l23.744 16H72v16z"
fill="url(#l)"
/>
<linearGradient
id="m"
x1="-52.375"
x2="-52.375"
y1="557.505"
y2="618.694"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M26.704 296H0v-16h21.816l23.736-16H72v16H50.448l-23.744 16z"
fill="url(#m)"
/>
<linearGradient
id="n"
x1="-52.375"
x2="-52.375"
y1="557.505"
y2="618.694"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M26.704 336H0v-16h21.816l23.736-16H72v16H50.448l-23.744 16z"
fill="url(#n)"
/>
<linearGradient
id="o"
x1="-52.375"
x2="-52.375"
y1="557.505"
y2="618.694"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M26.704 376H0v-16h21.816l23.736-16H72v16H50.448l-23.744 16z"
fill="url(#o)"
/>
<linearGradient
id="p"
x1="-1.375"
x2="-1.375"
y1="557.505"
y2="618.694"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M408 232h72v16h-72v-16z" fill="url(#p)" />
<linearGradient
id="q"
x1="-1.375"
x2="-1.375"
y1="557.505"
y2="618.694"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M434.448 216H408v-16h21.552l23.744-16H480v16h-21.816l-23.736 16z"
fill="url(#q)"
/>
<linearGradient
id="r"
x1="-1.375"
x2="-1.375"
y1="557.505"
y2="618.694"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M434.448 176H408v-16h21.552l23.744-16H480v16h-21.816l-23.736 16z"
fill="url(#r)"
/>
<linearGradient
id="s"
x1="-1.375"
x2="-1.375"
y1="557.505"
y2="618.694"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M434.448 136H408v-16h21.552l23.744-16H480v16h-21.816l-23.736 16z"
fill="url(#s)"
/>
<linearGradient
id="t"
x1="-1.375"
x2="-1.375"
y1="557.505"
y2="618.694"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M480 296h-26.704l-23.744-16H408v-16h26.448l23.736 16H480v16z"
fill="url(#t)"
/>
<linearGradient
id="u"
x1="-1.375"
x2="-1.375"
y1="557.505"
y2="618.694"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M480 336h-26.704l-23.744-16H408v-16h26.448l23.736 16H480v16z"
fill="url(#u)"
/>
<linearGradient
id="v"
x1="-1.375"
x2="-1.375"
y1="557.505"
y2="618.694"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M480 376h-26.704l-23.744-16H408v-16h26.448l23.736 16H480v16z"
fill="url(#v)"
/>
<linearGradient
id="w"
x1="-26.875"
x2="-26.875"
y1="557.505"
y2="618.694"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M232 408h16v72h-16v-72z" fill="url(#w)" />
<linearGradient
id="x"
x1="-21.875"
x2="-21.875"
y1="557.505"
y2="618.694"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M296 480h-16v-21.816l-16-23.736V408h16v21.552l16 23.744V480z"
fill="url(#x)"
/>
<linearGradient
id="y"
x1="-16.875"
x2="-16.875"
y1="557.505"
y2="618.694"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M336 480h-16v-21.816l-16-23.736V408h16v21.552l16 23.744V480z"
fill="url(#y)"
/>
<linearGradient
id="z"
x1="-11.875"
x2="-11.875"
y1="557.505"
y2="618.694"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M376 480h-16v-21.816l-16-23.736V408h16v21.552l16 23.744V480z"
fill="url(#z)"
/>
<linearGradient
id="A"
x1="-31.875"
x2="-31.875"
y1="557.505"
y2="618.694"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M200 480h-16v-26.704l16-23.744V408h16v26.448l-16 23.736V480z"
fill="url(#A)"
/>
<linearGradient
id="B"
x1="-36.875"
x2="-36.875"
y1="557.505"
y2="618.694"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M160 480h-16v-26.704l16-23.744V408h16v26.448l-16 23.736V480z"
fill="url(#B)"
/>
<linearGradient
id="C"
x1="-41.875"
x2="-41.875"
y1="557.505"
y2="618.694"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M120 480h-16v-26.704l16-23.744V408h16v26.448l-16 23.736V480z"
fill="url(#C)"
/>
<linearGradient
id="D"
x1="-26.875"
x2="-26.875"
y1="557.505"
y2="618.694"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M136 136v208h176v-8c0-13.255 10.745-24 24-24h8V136H136zm16 16h176v144.8l-.208.064a39.795 39.795 0 0 0-6.568 2.04c-.656.264-1.272.568-1.912.864a39.508 39.508 0 0 0-4.504 2.448c-.584.368-1.168.712-1.728 1.112a40.063 40.063 0 0 0-9.72 9.72c-.4.56-.744 1.144-1.112 1.728a39.508 39.508 0 0 0-2.448 4.504c-.296.64-.6 1.256-.864 1.912a39.795 39.795 0 0 0-2.04 6.568l-.096.24H152V152z"
fill="url(#D)"
/>
<linearGradient
id="E"
x1="-14.875"
x2="-14.875"
y1="557.505"
y2="618.694"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M328 328h16v16h-16v-16z" fill="url(#E)" />
<linearGradient
id="F"
x1="-22.875"
x2="-22.875"
y1="557.505"
y2="618.694"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M264 200h16v16h-16v-16z" fill="url(#F)" />
<linearGradient
id="G"
x1="-26.875"
x2="-26.875"
y1="557.505"
y2="618.694"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M232 200h16v16h-16v-16z" fill="url(#G)" />
<linearGradient
id="H"
x1="-30.875"
x2="-30.875"
y1="557.505"
y2="618.694"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M200 200h16v16h-16v-16z" fill="url(#H)" />
<linearGradient
id="I"
x1="-22.875"
x2="-22.875"
y1="557.505"
y2="618.694"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M264 232h16v16h-16v-16z" fill="url(#I)" />
<linearGradient
id="J"
x1="-26.875"
x2="-26.875"
y1="557.505"
y2="618.694"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M232 232h16v16h-16v-16z" fill="url(#J)" />
<linearGradient
id="K"
x1="-30.875"
x2="-30.875"
y1="557.505"
y2="618.694"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M200 232h16v16h-16v-16z" fill="url(#K)" />
<linearGradient
id="L"
x1="-22.875"
x2="-22.875"
y1="557.505"
y2="618.694"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M264 264h16v16h-16v-16z" fill="url(#L)" />
<linearGradient
id="M"
x1="-26.875"
x2="-26.875"
y1="557.505"
y2="618.694"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M232 264h16v16h-16v-16z" fill="url(#M)" />
<linearGradient
id="N"
x1="-30.875"
x2="-30.875"
y1="557.505"
y2="618.694"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M200 264h16v16h-16v-16z" fill="url(#N)" />
</svg>
More icons in the same style and category