Add icons to this collection by clicking the heart icon.
Web Development icon - also known as wrench, repair, rule, web, gear, development, settings, ui, web development, cog, and maintenance. 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="a">
<stop offset="0" stop-color="#f8f4f0" />
<stop offset="1" stop-color="#dedbd7" />
</linearGradient>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 56 -56 0 224 68)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 16 -16 0 224 68)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4b67ca" />
<stop offset="1" stop-color="#4159b0" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#61de9c" />
<stop offset="1" stop-color="#56c48a" />
</linearGradient>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 4 -4 0 204 74)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="f"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 4 -4 0 204 74)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#feb62c" />
<stop offset="1" stop-color="#e6a327" />
</linearGradient>
<linearGradient
id="g"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 4 -4 0 204 74)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff3d65" />
<stop offset="1" stop-color="#e6375a" />
</linearGradient>
<linearGradient
id="h"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 4 -4 0 239 74)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 2 222) scale(24)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 0 224) scale(16)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 2 -2 0 341 72)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b8b5b2" />
<stop offset="1" stop-color="#8f8d8b" />
</linearGradient>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<g transform="translate(-192 -192)">
<path
fill="url(#c)"
d="M252 72a4 4 0 0 0-4-4h-48a4 4 0 0 0-4 4v48a4 4 0 0 0 4 4h48a4 4 0 0 0 4-4z"
transform="translate(0 128)"
/>
<path
fill="url(#d)"
d="M252 72a4 4 0 0 0-4-4h-48a4 4 0 0 0-4 4v12h56z"
transform="translate(0 128)"
/>
<circle
cx="204"
cy="76"
r="2"
fill="url(#e)"
transform="translate(-2 128)"
/>
<circle
cx="204"
cy="76"
r="2"
fill="url(#f)"
transform="translate(6 128)"
/>
<circle
cx="204"
cy="76"
r="2"
fill="url(#g)"
transform="translate(14 128)"
/>
<path
fill="url(#h)"
d="M250 76a2 2 0 0 0-2-2h-20a2 2 0 0 0 0 4h20a2 2 0 0 0 2-2z"
transform="translate(-2 128)"
/>
<path
fill="url(#i)"
d="M225.488 220.939a1.05 1.05 0 0 0-.996-.932c-.328-.01-.656-.01-.984.003a1.05 1.05 0 0 0-.994.93c-.042.358-.088.77-.127 1.115a1.05 1.05 0 0 1-.781.899 8.727 8.727 0 0 0-.987.318 1.046 1.046 0 0 1-1.157-.268 96.11 96.11 0 0 1-.759-.827 1.05 1.05 0 0 0-1.354-.169c-.272.185-.537.378-.795.581a1.049 1.049 0 0 0-.257 1.336c.176.315.381.676.552.977a1.05 1.05 0 0 1-.103 1.187c-.22.266-.424.547-.612.838-.233.366-.668.55-1.093.463-.341-.067-.747-.151-1.1-.223a1.05 1.05 0 0 0-1.195.659c-.111.309-.213.621-.301.937a1.047 1.047 0 0 0 .577 1.232c.327.151.705.323 1.021.466.396.18.641.586.614 1.02a8.768 8.768 0 0 0-.003 1.038c.027.433-.217.838-.612 1.017-.315.146-.693.318-1.021.467a1.05 1.05 0 0 0-.579 1.235c.091.315.193.627.307.935.181.482.686.761 1.191.658.354-.07.76-.154 1.1-.224a1.05 1.05 0 0 1 1.096.465c.186.292.39.573.608.841.276.335.317.806.103 1.183-.169.303-.374.664-.552.978a1.05 1.05 0 0 0 .257 1.339c.26.201.525.394.799.576.43.284 1.002.213 1.35-.168.245-.265.524-.571.758-.827a1.052 1.052 0 0 1 1.16-.269c.322.128.652.235.987.324.42.108.73.465.778.897.042.344.088.756.128 1.115.057.513.48.909.996.932.328.01.656.01.984-.003a1.05 1.05 0 0 0 .994-.93c.042-.358.088-.77.127-1.115a1.05 1.05 0 0 1 .781-.899c.335-.086.665-.193.987-.318a1.046 1.046 0 0 1 1.157.268c.237.254.516.56.759.827a1.05 1.05 0 0 0 1.354.169c.272-.185.537-.378.795-.581.402-.322.511-.888.257-1.336-.176-.315-.381-.676-.552-.977a1.05 1.05 0 0 1 .103-1.187c.22-.266.424-.547.612-.838.233-.366.668-.55 1.093-.463.341.067.747.151 1.1.223a1.05 1.05 0 0 0 1.195-.659c.111-.309.213-.621.301-.937a1.047 1.047 0 0 0-.577-1.232c-.327-.151-.705-.323-1.021-.466a1.05 1.05 0 0 1-.614-1.02c.022-.346.022-.692.003-1.038a1.046 1.046 0 0 1 .612-1.017c.315-.146.693-.318 1.021-.467a1.05 1.05 0 0 0 .579-1.235 13.435 13.435 0 0 0-.307-.935 1.048 1.048 0 0 0-1.191-.658c-.354.07-.76.154-1.1.224a1.05 1.05 0 0 1-1.096-.465 8.983 8.983 0 0 0-.608-.841 1.048 1.048 0 0 1-.103-1.183c.169-.303.374-.664.552-.978a1.05 1.05 0 0 0-.257-1.339c-.26-.201-.525-.394-.799-.576a1.046 1.046 0 0 0-1.35.168c-.245.265-.524.571-.758.827a1.052 1.052 0 0 1-1.16.269 8.758 8.758 0 0 0-.987-.324 1.045 1.045 0 0 1-.778-.897c-.042-.344-.088-.756-.128-1.115z"
transform="translate(-74.667 -77.333) scale(1.333)"
/>
<circle cx="224" cy="232" r="8" fill="url(#j)" />
<circle
cx="341"
cy="73"
r="1"
fill="url(#k)"
transform="translate(-121 159)"
/>
<circle
cx="341"
cy="73"
r="1"
fill="url(#k)"
transform="translate(-117 159)"
/>
<circle
cx="341"
cy="73"
r="1"
fill="url(#k)"
transform="translate(-113 159)"
/>
</g>
</g>
</svg>
More icons in the same style and category