Add icons to this collection by clicking the heart icon.
Constructor icon - also known as user, people, job, man, worker, occupation, avatar, profession, constructor, technician, electrician, and professions and jobs. Created in a clean flat style with a silver, gray, maroon, and pink 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 128 128"
>
<linearGradient id="a">
<stop offset="0" stop-color="#f9ddd1" />
<stop offset=".514" stop-color="#f8dbce" />
<stop offset=".822" stop-color="#f6d3c6" />
<stop offset="1" stop-color="#f4cabd" />
</linearGradient>
<linearGradient
id="f"
x1="53.25"
x2="74.75"
y1="77.75"
y2="99.25"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="64"
x2="64"
y1="96"
y2="126"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="57.7"
x2="79.2"
y1="73.3"
y2="94.8"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eeae9a" />
<stop offset=".316" stop-color="#efb4a0" />
<stop offset=".738" stop-color="#f4c3b1" />
<stop offset="1" stop-color="#f7d0bf" />
</linearGradient>
<linearGradient
id="i"
x1="64"
x2="64"
y1="96"
y2="126"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e15c63" />
<stop offset=".406" stop-color="#de585f" />
<stop offset=".826" stop-color="#d44b53" />
<stop offset="1" stop-color="#ce444c" />
</linearGradient>
<linearGradient
id="j"
x1="30"
x2="42"
y1="54"
y2="54"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="98"
x2="86"
y1="54"
y2="54"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#f7d0bf" />
<stop offset="1" stop-color="#f1beae" />
</linearGradient>
<linearGradient
id="l"
x1="-191.178"
x2="-184.3"
y1="544.89"
y2="544.89"
gradientTransform="rotate(-15.42 -1887.285 -533.087)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="-3848.184"
x2="-3841.305"
y1="-465.431"
y2="-465.431"
gradientTransform="scale(-1 1) rotate(-15.43 -54.257 -14066.969)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="n"
x1="38"
x2="90"
y1="50.5"
y2="50.5"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="64"
x2="64"
y1="52"
y2="66"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7d0bf" />
<stop offset="1" stop-color="#eeae9a" />
</linearGradient>
<linearGradient
id="p"
x1="64"
x2="64"
y1="16"
y2="47.12"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ac766a" />
<stop offset="1" stop-color="#93634d" />
</linearGradient>
<linearGradient id="c">
<stop offset="0" stop-color="#50a8d2" />
<stop offset="1" stop-color="#198dc4" />
</linearGradient>
<linearGradient
id="q"
x1="40"
x2="40"
y1="96.126"
y2="125.685"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="r"
x1="88"
x2="88"
y1="95.956"
y2="125.458"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="s"
x1="64"
x2="64"
y1="96.54"
y2="125.47"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#f1f2f2" />
<stop offset="1" stop-color="#e6e7e8" />
</linearGradient>
<linearGradient
id="t"
x1="40"
x2="40"
y1="118.526"
y2="121.085"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="u"
x1="88"
x2="88"
y1="118.526"
y2="121.085"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#ffe886" />
<stop offset="1" stop-color="#ffc96a" />
</linearGradient>
<linearGradient
id="v"
x1="64"
x2="64"
y1="33"
y2="45"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="w"
x1="64"
x2="64"
y1="32"
y2="36"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="x"
x1="114.915"
x2="114.915"
y1="4"
y2="32"
gradientTransform="matrix(1.038 0 0 1 -55.278 0)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="y"
x1="64"
x2="64"
y1="2"
y2="32"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffe886" />
<stop offset=".498" stop-color="#ffe684" />
<stop offset=".737" stop-color="#ffde7d" />
<stop offset=".921" stop-color="#ffd172" />
<stop offset="1" stop-color="#ffc96a" />
</linearGradient>
<linearGradient
id="z"
x1="63.998"
x2="63.998"
y1="6"
y2="20"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<path fill="url(#f)" d="M75 99H53l1-22h20z" />
<path
fill="url(#g)"
d="M77.889 96H50.111C31.35 96 16 101.3 16 120v6h96v-6c0-18.7-15.35-24-34.111-24z"
/>
<path
fill="url(#h)"
d="M74 77H54l-.226 4.975.226.012 18.409 18.409L75 99z"
/>
<path
fill="url(#i)"
d="M77.889 96S74 103 64 103s-13.889-7-13.889-7C31.35 96 16 101.3 16 120v6h96v-6c0-18.7-15.35-24-34.111-24z"
/>
<path
fill="#a63039"
d="M31 126h-2v-11a1 1 0 0 1 2 0zM99 126h-2v-11a1 1 0 0 1 2 0z"
/>
<path
fill="url(#j)"
d="M41.546 52.443c1.262 4.333-.199 8.543-3.262 9.402-3.063.86-6.569-1.956-7.831-6.289s.199-8.543 3.262-9.402c3.064-.859 6.57 1.956 7.831 6.289z"
/>
<path
fill="url(#k)"
d="M86.454 52.443c-1.262 4.333.199 8.543 3.262 9.402 3.063.86 6.569-1.956 7.831-6.289s-.199-8.543-3.262-9.402c-3.064-.859-6.57 1.956-7.831 6.289z"
/>
<path
fill="url(#l)"
d="M41.321 53.105c.609 2.153-.383 4.298-2.217 4.793-1.834.494-3.815-.85-4.424-3.002s.383-4.298 2.217-4.793 3.814.849 4.424 3.002z"
/>
<path
fill="url(#m)"
d="M86.679 53.105c-.609 2.153.383 4.298 2.217 4.793 1.834.494 3.815-.85 4.424-3.002s-.383-4.298-2.217-4.793-3.814.849-4.424 3.002z"
/>
<path
fill="url(#n)"
d="M64 85c-14.3 0-26-12.7-26-27V42c0-14.3 11.7-26 26-26s26 11.7 26 26v16c0 14.3-11.7 27-26 27z"
/>
<path
fill="#51251f"
d="M54.263 54h-.527A1.742 1.742 0 0 1 52 52.263v-2.527c0-.955.781-1.736 1.737-1.736h.527c.955 0 1.736.781 1.736 1.737v2.527c0 .954-.781 1.736-1.737 1.736zM74.263 54h-.527A1.742 1.742 0 0 1 72 52.263v-2.527c0-.955.781-1.736 1.737-1.736h.527c.955 0 1.736.781 1.736 1.737v2.527c0 .954-.781 1.736-1.737 1.736z"
/>
<path
fill="url(#o)"
d="M64.158 66h-.316A2.85 2.85 0 0 1 61 63.158v-8.316A2.85 2.85 0 0 1 63.842 52h.316A2.85 2.85 0 0 1 67 54.842v8.316A2.85 2.85 0 0 1 64.158 66z"
/>
<path
fill="#7a5954"
d="M51 45a1 1 0 0 1-.018-2l6-.105c.541-.025 1.008.431 1.018.982s-.431 1.008-.982 1.018l-6 .105H51zM77 45h-.018l-6-.105a1 1 0 0 1 .036-2l6 .105A1 1 0 0 1 77 45z"
/>
<path
fill="url(#p)"
d="M64 16c-14.3 0-26 11.7-26 26v5.121l11-13.878L64 36l15-2.758L90 47.12V42c0-14.3-11.7-26-26-26z"
/>
<path
fill="url(#q)"
d="M36 97.302V114h8V96.212c-2.799.2-5.48.554-8 1.09z"
/>
<path
fill="url(#r)"
d="M84 96.212V114h8V97.302c-2.52-.536-5.201-.89-8-1.09z"
/>
<path
fill="url(#s)"
d="M92.005 114h-56.01c0 9.537-4.995 12-4.995 12h66s-4.995-2.463-4.995-12z"
/>
<circle cx="40" cy="120" r="2" fill="url(#t)" />
<circle cx="88" cy="120" r="2" fill="url(#u)" />
<path fill="#eeae9a" d="M70 71H58a1 1 0 1 1 0-2h12a1 1 0 1 1 0 2z" />
<path
fill="#a7a9ac"
d="M37.868 47c-.301 0-.595-.136-.79-.386-.098-.125-2.376-3.144-2.045-10.658l1.998.088c-.204 4.634.651 7.326 1.2 8.549 3.536-2.611 4.774-8.72 4.787-8.786l1.963.387c-.064.327-1.638 8.062-6.649 10.692a1 1 0 0 1-.464.114zM90.132 47c-.157 0-.316-.037-.464-.114-5.012-2.63-6.585-10.365-6.649-10.692l1.963-.387c.013.065 1.262 6.179 4.788 8.786.547-1.219 1.403-3.911 1.199-8.549l1.998-.088c.331 7.515-1.947 10.533-2.045 10.658-.195.25-.489.386-.79.386z"
/>
<path
fill="url(#v)"
d="M91 33v1.843C91 40.429 86.565 45 81.145 45h-34.29C41.435 45 37 40.429 37 34.843V33z"
/>
<path
fill="url(#w)"
d="M93.009 36H34.991A1.997 1.997 0 0 1 33 34.009v-.017c0-1.096.896-1.992 1.991-1.992h58.017c1.096 0 1.992.896 1.992 1.991v.017A1.997 1.997 0 0 1 93.009 36z"
/>
<path
fill="url(#x)"
d="M92 32c-1.088-6.956-3.253-12.16-5.196-15.281C82.263 9.43 75.453 4 64 4S46.69 8.818 41.854 15.883C39.605 19.167 37.209 24.731 36 32z"
/>
<path fill="url(#y)" d="M74 31.947 54 32V2h20z" />
<path fill="url(#z)" d="M60.998 6h6v14h-6z" />
</svg>
More icons in the same style and category