Add icons to this collection by clicking the heart icon.
Fog icon - also known as weather, fog, foggy, mist, and haze. Created in a clean color 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c-39.557 3.413-84.324.765-145-16.34"
transform="translate(165 224.706)"
fill="none"
stroke="#0023c4"
stroke-width="40"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-111.234-21.135-177.135-11.213-235 .488"
transform="translate(492 208.366)"
fill="none"
stroke="#0023c4"
stroke-width="40"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-158.967-30.205-225.346 3.022-308 14.221"
transform="translate(492 32.366)"
fill="none"
stroke="#0023c4"
stroke-width="40"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-64.384 7.576-110.375 25.774-172 27-34.002.676-72.764-4.12-122-18"
transform="translate(314 112)"
fill="none"
stroke="#0023c4"
stroke-width="40"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-39.557 3.413-84.324.765-145-16.34"
transform="translate(165 490.706)"
fill="none"
stroke="#0023c4"
stroke-width="40"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-111.234-21.135-177.135-11.213-235 .488"
transform="translate(492 474.366)"
fill="none"
stroke="#0023c4"
stroke-width="40"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-49.569-9.418-90.136-13.296-125-13-76.945.653-126.119 19.293-183 27"
transform="translate(492 300)"
fill="none"
stroke="#0023c4"
stroke-width="40"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-99.907 11.755-155.527 47.038-294 8"
transform="translate(314 379.11)"
fill="none"
stroke="#0023c4"
stroke-width="40"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-19.631-2.764-41.079-6.256-65-13"
transform="translate(85 313)"
fill="none"
stroke="#ff5cf3"
stroke-width="40"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-19.631-2.764-41.079-7.261-65-14.004"
transform="translate(85 46.37)"
fill="none"
stroke="#ff5cf3"
stroke-width="40"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-35.561-6.757-66.487-11-94-12.366"
transform="translate(492 121.366)"
fill="none"
stroke="#ff5cf3"
stroke-width="40"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-35.561-6.757-66.487-11.635-94-13"
transform="translate(492 388.11)"
fill="none"
stroke="#ff5cf3"
stroke-width="40"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category