Add icons to this collection by clicking the heart icon.
Apron icon - also known as fashion, uniform, protection, cover, worker, apron, protective, and food and restaurant. 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient id="a">
<stop offset="0" stop-color="#e4fbef" />
<stop offset=".514" stop-color="#beecdd" />
<stop offset=".591" stop-color="#b6ead8" />
<stop offset=".976" stop-color="#90dfc3" />
</linearGradient>
<radialGradient
id="e"
cx="131.259"
cy="108.247"
r="108.066"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="f"
cx="71.118"
cy="175.165"
r="244.071"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#66b49d" />
<stop offset=".512" stop-color="#57988b" />
<stop offset=".976" stop-color="#478089" />
</linearGradient>
<radialGradient
id="g"
cx="419.259"
cy="342.035"
r="305.961"
gradientTransform="matrix(0 1 -.892 0 724.171 -77.224)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#fbf6ec" />
<stop offset=".209" stop-color="#f1e0d2" />
<stop offset=".532" stop-color="#dfb9a2" />
<stop offset="1" stop-color="#ce9875" />
</linearGradient>
<radialGradient
id="h"
cx="135.054"
cy="13.252"
r="109.405"
gradientTransform="matrix(1.088 0 0 1 -10.749 0)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#c17d4f" />
<stop offset=".512" stop-color="#b16e3d" />
<stop offset=".514" stop-color="#b16e3d" />
<stop offset=".976" stop-color="#8b5e5e" />
</linearGradient>
<radialGradient
id="i"
cx="177.424"
cy="73.941"
r="78.583"
gradientTransform="matrix(0 1 -.83 0 238.82 -103.482)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="j"
cx="271.871"
cy="58.059"
r="85.661"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="k"
cx="264.488"
cy="13.252"
r="109.405"
gradientTransform="matrix(1.088 0 0 1 -10.749 0)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="l"
cx="318.224"
cy="73.941"
r="78.583"
gradientTransform="matrix(0 1 -.83 0 379.62 -244.282)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="m"
cx="412.671"
cy="58.059"
r="85.661"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="n"
cx="163.447"
cy="93.847"
r="117.335"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="o"
cx="264.082"
cy="288.29"
r="117.898"
gradientTransform="matrix(1.167 0 0 1.25 -48.133 -106.1)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="p"
cx="291.941"
cy="140.714"
r="29.56"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset=".222" stop-color="#f3f5f8" />
<stop offset=".514" stop-color="#e7ecf1" />
<stop offset=".978" stop-color="#c6d0da" />
</radialGradient>
<radialGradient
id="q"
cx="356.737"
cy="164.855"
r="63.759"
gradientTransform="matrix(1 0 0 .807 0 31.892)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a0aab7" />
<stop offset=".504" stop-color="#909ba5" />
<stop offset=".658" stop-color="#86939d" />
<stop offset=".923" stop-color="#6a7f88" />
<stop offset="1" stop-color="#617881" />
</radialGradient>
<radialGradient
id="r"
cx="313.58"
cy="1470.566"
r="211.111"
gradientTransform="matrix(.931 0 0 .113 -38.606 320.883)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a7e7d0" />
<stop offset=".518" stop-color="#d3f1e7" />
<stop offset=".578" stop-color="#d9f3ea" />
<stop offset=".976" stop-color="#fff" />
</radialGradient>
<path
fill="url(#e)"
d="M128 102.4v76.8c0 21.208-17.192 38.4-38.4 38.4l128 38.4-12.8-153.6z"
/>
<path fill="url(#f)" d="M166.4 217.6v268.8H89.6V217.6z" />
<path
fill="url(#g)"
d="M384 179.2v-76.8H204.8v76.8c0 21.208-17.192 38.4-38.4 38.4v268.8h256V217.6c-21.208 0-38.4-17.192-38.4-38.4z"
/>
<path fill="url(#h)" d="M128 0h76.8v102.4H128z" />
<path fill="url(#i)" d="M153.6 25.6h25.6v76.8h-25.6z" />
<path fill="url(#j)" d="M204.8 0h38.4v102.4h-38.4z" />
<path fill="url(#k)" d="M268.8 0h76.8v102.4h-76.8z" />
<path fill="url(#l)" d="M294.4 25.6H320v76.8h-25.6z" />
<path fill="url(#m)" d="M345.6 0H384v102.4h-38.4z" />
<path
fill="url(#n)"
d="M140.8 217.6c21.208 0 38.4-17.192 38.4-38.4v-76.8h-25.6v76.8c0 21.208-17.192 38.4-38.4 38.4z"
/>
<path
fill="url(#o)"
d="M368.244 396.8H220.556c-8.702 0-15.756-7.054-15.756-15.756V268.8H384v112.244c0 8.702-7.054 15.756-15.756 15.756z"
/>
<path fill="url(#p)" d="M294.4 166.4h12.8l12.8-12.8-12.8-12.8h-12.8z" />
<path fill="url(#q)" d="M307.2 140.8h64v25.6h-64z" />
<path
fill="url(#r)"
d="M256 512c113.107 0 204.798-11.351 204.798-25.353H51.202C51.202 500.649 142.893 512 256 512z"
/>
</svg>
More icons in the same style and category