Add icons to this collection by clicking the heart icon.
Fog icon - also known as cloud, nature, weather, forecast, meteorology, fog, climate, mist, and haze. Created in a clean flat style with a silver, red, teal, and orange 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 64 64"
>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="#0277bd"
d="M34.341 24.276C35.554 19.52 39.869 16 45 16c6.071 0 11 4.929 11 11 0 .418-.023.83-.069 1.235C59.415 29.1 62 32.251 62 36c0 4.415-3.585 8-8 8H32c-5.519 0-10-4.481-10-10s4.481-10 10-10c.806 0 1.589.096 2.341.276z"
/>
<path
fill="#01579b"
d="M38.67 18.005A10.948 10.948 0 0 1 45 16c6.071 0 11 4.929 11 11 0 .418-.023.83-.069 1.235C59.415 29.1 62 32.251 62 36c0 4.415-3.585 8-8 8h-.711A7.983 7.983 0 0 0 56 38c0-3.749-2.585-6.9-6.069-7.765.046-.405.069-.817.069-1.235 0-6.071-4.929-11-11-11-.11 0-.22.002-.33.005z"
/>
<path
fill="#0277bd"
d="M7 15c.342 0 1 .034 1 0C8 9.481 12.481 5 18 5c4.181 0 7.767 2.572 9.259 6.219A7.004 7.004 0 0 1 36 18c0 3.863-3.137 7-7 7H6.971A5.003 5.003 0 0 1 2 20c0-2.76 2.24-5 5-5z"
/>
<path
fill="#01579b"
d="M12.002 7A9.948 9.948 0 0 1 18 5c4.181 0 7.767 2.572 9.259 6.219A7.004 7.004 0 0 1 36 18c0 3.863-3.137 7-7 7h-1.103A6.98 6.98 0 0 0 30 20a7.004 7.004 0 0 0-8.741-6.781C19.767 9.573 16.183 7.001 12.002 7z"
/>
<path
fill="#fb8c00"
d="m35 2 2.924 1.966a.764.764 0 0 0 .531.121l3.487-.503 1.782 3.04a.755.755 0 0 0 .425.339l3.36 1.061.287 3.512a.752.752 0 0 0 .236.49l2.567 2.414-1.266 3.288a.766.766 0 0 0 0 .544l1.266 3.288-2.567 2.414a.766.766 0 0 0-.236.49l-.287 3.512-3.36 1.061a.766.766 0 0 0-.425.339l-1.782 3.04-3.487-.503a.76.76 0 0 0-.531.121L35 34l-2.924-1.966a.764.764 0 0 0-.531-.121l-3.487.503-1.782-3.04a.755.755 0 0 0-.425-.339l-3.36-1.061-.287-3.512a.752.752 0 0 0-.236-.49l-2.567-2.414 1.266-3.288a.766.766 0 0 0 0-.544l-1.266-3.288 2.567-2.414a.766.766 0 0 0 .236-.49l.287-3.512 3.36-1.061a.766.766 0 0 0 .425-.339l1.782-3.04 3.487.503a.76.76 0 0 0 .531-.121z"
/>
<path
fill="#f57c00"
d="m41.942 32.416-.763-.11.545-.93a.755.755 0 0 1 .425-.339l.738-.233zm5.893-8.137a.726.726 0 0 0-.039.185l-.287 3.512-1.885.595.172-2.107a.752.752 0 0 1 .236-.49zM26.821 5.694l1.237-2.11 3.487.503a.76.76 0 0 0 .531-.121L35 2l2.924 1.966a.764.764 0 0 0 .531.121l3.487-.503 1.782 3.04a.755.755 0 0 0 .425.339l3.36 1.061.287 3.512a.752.752 0 0 0 .236.49l2.567 2.414-1.266 3.288a.766.766 0 0 0 0 .544l1.266 3.288-2.034 1.913-1.232-3.201a.766.766 0 0 1 0-.544l1.266-3.288-2.567-2.414a.766.766 0 0 1-.236-.49l-.287-3.512-3.36-1.061a.766.766 0 0 1-.425-.339l-1.782-3.04-3.487.503a.76.76 0 0 1-.531-.121L33 4l-2.924 1.966a.764.764 0 0 1-.531.121zm-6.656 8.027c-.009.028-.021.055-.033.082a.766.766 0 0 1-.164.223l-.533.501-.034-.087zm4.948-6.525-.837 1.428a.755.755 0 0 1-.425.339l-1.475.466.115-1.405z"
/>
<circle cx="35" cy="18" r="10" fill="#ef6c00" />
<path
fill="#e65100"
d="M26.217 13.217A10.004 10.004 0 0 1 35 8c5.519 0 10 4.481 10 10 0 3.787-2.11 7.086-5.217 8.783A9.95 9.95 0 0 0 41 22c0-5.519-4.481-10-10-10a9.95 9.95 0 0 0-4.783 1.217z"
/>
<path
fill="#039be5"
d="M14.341 24.276C15.554 19.52 19.869 16 25 16c6.071 0 11 4.929 11 11 0 .418-.023.83-.069 1.235C39.415 29.1 42 32.251 42 36c0 4.415-3.585 8-8 8H12C6.481 44 2 39.519 2 34s4.481-10 10-10c.806 0 1.589.096 2.341.276z"
/>
<path
fill="#0288d1"
d="M18.67 18.005A10.948 10.948 0 0 1 25 16c6.071 0 11 4.929 11 11 0 .418-.023.83-.069 1.235C39.415 29.1 42 32.251 42 36c0 4.415-3.585 8-8 8h-.711A7.983 7.983 0 0 0 36 38c0-3.749-2.585-6.9-6.069-7.765.046-.405.069-.817.069-1.235 0-6.071-4.929-11-11-11-.11 0-.22.002-.33.005z"
/>
<path
fill="#81d4fa"
d="M17 58a2 2 0 0 0 0-4H6a2 2 0 0 1 0-4h8a2 2 0 0 0 0-4h-3.013A2 2 0 0 1 11 42h42.019a2 2 0 0 1 0 4H31a2 2 0 0 0 0 4h17.019c1.095.01 2 1.059 2 2s.886 1.99 1.981 2h5.019a2 2 0 0 1 0 4H47c-1.095.01-2 1.059-2 2s-.886 1.99-1.981 2H3.987A2 2 0 0 1 4 58zm16.019-3.996C34.114 54.01 35 54.902 35 56s-.886 1.99-1.981 1.996L26 58l-.778-.157A2 2 0 0 1 26 54z"
/>
<path
fill="#b3e5fc"
d="M4.268 58a2 2 0 0 0 1.719 3H44.69c-.352.559-.968.993-1.671 1H3.987A2 2 0 0 1 4 58h.268zm54.464-1a1.999 1.999 0 0 1-1.713 1h-9.703c.357-.559.981-.993 1.684-1zM6.268 50A2 2 0 0 0 8 53h11a2 2 0 0 1 0 4h-.268A2 2 0 0 0 17 54H6a2 2 0 0 1 0-4zm20 4c.346-.598.992-1 1.732-1l7.019.004C36.114 53.01 37 53.902 37 55s-.886 1.99-1.981 1.996h-.285a1.995 1.995 0 0 0-1.715-2.992zm-15-12a2 2 0 0 0 1.719 3H16a2 2 0 0 1 0 4h-.268A2 2 0 0 0 14 46h-3.013A2 2 0 0 1 11 42zm43.464 3a1.999 1.999 0 0 1-1.713 1H31.268c.346-.598.992-1 1.732-1z"
/>
<path
fill="#4fc3f7"
d="M45.316 59c-.2.312-.316.663-.316 1 0 .941-.886 1.99-1.981 2h-.329c.196-.312.31-.663.31-1 0-.941.905-1.99 2-2zm-28.584-1c-.346.598-.992 1-1.732 1H2.268c.346-.598.992-1 1.732-1zm7.536-3a2.002 2.002 0 0 0 .954 2.843L26 58l6.734-.004a1.99 1.99 0 0 1-1.715 1L24 59l-.778-.157A2 2 0 0 1 24 55zm5-8A2 2 0 0 0 31 50h17.019c1.095.01 2 1.059 2 2s.886 1.99 1.981 2h5.019a2 2 0 0 1 0 4h-.287a2 2 0 0 0-1.713-3H50c-1.095-.01-1.981-1.059-1.981-2s-.905-1.99-2-2H29a2 2 0 0 1 0-4zm-15.536 3c-.346.598-.992 1-1.732 1H4.268c.346-.598.992-1 1.732-1zm-4.464-7c.346-.598.992-1 1.732-1h42.019a2 2 0 0 1 0 4h-.287a2 2 0 0 0-1.713-3z"
/>
</g>
</svg>
More icons in the same style and category