weather duststorm icon
weather-duststorm-48-regular from Fluent UI System Icons by Microsoft Corporation · 48 Regular · MIT Free for personal and commercial use.
- Name
- weather-duststorm-48-regular
- Set
- Fluent UI System Icons
- Style
- 48 Regular
- Viewbox
- 48×48
- License
- MIT
5 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
weather-blowing-snow-20-filledweather-cloudy-20-filledweather-drizzle-20-filledweather-fog-20-filledweather-hail-day-20-filledweather-hail-night-20-filledweather-haze-20-filledweather-humidity-12-filledweather-moon-12-filledweather-moon-off-16-filledweather-partly-cloudy-day-16-filledweather-partly-cloudy-night-20-filledweather-rain-20-filledweather-rain-showers-day-20-filledweather-rain-showers-night-20-filledweather-rain-snow-20-filledweather-snow-20-filledweather-snow-shower-day-20-filledweather-snow-shower-night-20-filledweather-snowflake-20-filledweather-squalls-20-filledweather-sunny-16-filledweather-sunny-high-20-filledweather-sunny-low-20-filled
Use the weather duststorm icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M8 11a1 1 0 1 1 0-2a1 1 0 0 1 0 2m0 2.5a3.5 3.5 0 1 0 0-7a3.5 3.5 0 0 0 0 7M22.999 7c-4.301 0-7.833 3.407-7.998 7.702a1.25 1.25 0 0 0 2.498.096A5.51 5.51 0 0 1 23 9.5a5.501 5.501 0 0 1 .001 11H5.25a1.25 1.25 0 1 0 0 2.5H23a8 8 0 1 0-.001-16m14.988 11.5a6.035 6.035 0 0 0-5.854 4.562l-.096.385a1.25 1.25 0 0 0 2.426.606l.096-.384A3.535 3.535 0 0 1 37.987 21a3.51 3.51 0 0 1 3.513 3.5A3.5 3.5 0 0 1 38 28H5.25a1.25 1.25 0 1 0 0 2.5H30c1.642 0 3 1.368 3 3.04c0 1.628-1.323 2.96-2.922 2.96a2.92 2.92 0 0 1-2.613-1.615l-.097-.194a1.25 1.25 0 1 0-2.236 1.118l.097.194A5.42 5.42 0 0 0 30.079 39c3.009 0 5.421-2.481 5.421-5.46a5.54 5.54 0 0 0-.908-3.04H38a6 6 0 0 0 6-6c0-3.318-2.704-6-6.013-6M19 39a1 1 0 1 0-2 0a1 1 0 0 0 2 0m2.5 0a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0M40 12a1 1 0 1 0-2 0a1 1 0 0 0 2 0m2.5 0a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0"/></svg>
React
import type { SVGProps } from "react";
export function FluentWeatherDuststorm48Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M8 11a1 1 0 1 1 0-2a1 1 0 0 1 0 2m0 2.5a3.5 3.5 0 1 0 0-7a3.5 3.5 0 0 0 0 7M22.999 7c-4.301 0-7.833 3.407-7.998 7.702a1.25 1.25 0 0 0 2.498.096A5.51 5.51 0 0 1 23 9.5a5.501 5.501 0 0 1 .001 11H5.25a1.25 1.25 0 1 0 0 2.5H23a8 8 0 1 0-.001-16m14.988 11.5a6.035 6.035 0 0 0-5.854 4.562l-.096.385a1.25 1.25 0 0 0 2.426.606l.096-.384A3.535 3.535 0 0 1 37.987 21a3.51 3.51 0 0 1 3.513 3.5A3.5 3.5 0 0 1 38 28H5.25a1.25 1.25 0 1 0 0 2.5H30c1.642 0 3 1.368 3 3.04c0 1.628-1.323 2.96-2.922 2.96a2.92 2.92 0 0 1-2.613-1.615l-.097-.194a1.25 1.25 0 1 0-2.236 1.118l.097.194A5.42 5.42 0 0 0 30.079 39c3.009 0 5.421-2.481 5.421-5.46a5.54 5.54 0 0 0-.908-3.04H38a6 6 0 0 0 6-6c0-3.318-2.704-6-6.013-6M19 39a1 1 0 1 0-2 0a1 1 0 0 0 2 0m2.5 0a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0M40 12a1 1 0 1 0-2 0a1 1 0 0 0 2 0m2.5 0a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M8 11a1 1 0 1 1 0-2a1 1 0 0 1 0 2m0 2.5a3.5 3.5 0 1 0 0-7a3.5 3.5 0 0 0 0 7M22.999 7c-4.301 0-7.833 3.407-7.998 7.702a1.25 1.25 0 0 0 2.498.096A5.51 5.51 0 0 1 23 9.5a5.501 5.501 0 0 1 .001 11H5.25a1.25 1.25 0 1 0 0 2.5H23a8 8 0 1 0-.001-16m14.988 11.5a6.035 6.035 0 0 0-5.854 4.562l-.096.385a1.25 1.25 0 0 0 2.426.606l.096-.384A3.535 3.535 0 0 1 37.987 21a3.51 3.51 0 0 1 3.513 3.5A3.5 3.5 0 0 1 38 28H5.25a1.25 1.25 0 1 0 0 2.5H30c1.642 0 3 1.368 3 3.04c0 1.628-1.323 2.96-2.922 2.96a2.92 2.92 0 0 1-2.613-1.615l-.097-.194a1.25 1.25 0 1 0-2.236 1.118l.097.194A5.42 5.42 0 0 0 30.079 39c3.009 0 5.421-2.481 5.421-5.46a5.54 5.54 0 0 0-.908-3.04H38a6 6 0 0 0 6-6c0-3.318-2.704-6-6.013-6M19 39a1 1 0 1 0-2 0a1 1 0 0 0 2 0m2.5 0a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0M40 12a1 1 0 1 0-2 0a1 1 0 0 0 2 0m2.5 0a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0"/></svg> </template>
CSS
.icon-weather-duststorm-48-regular {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8%2011a1%201%200%201%201%200-2a1%201%200%200%201%200%202m0%202.5a3.5%203.5%200%201%200%200-7a3.5%203.5%200%200%200%200%207M22.999%207c-4.301%200-7.833%203.407-7.998%207.702a1.25%201.25%200%200%200%202.498.096A5.51%205.51%200%200%201%2023%209.5a5.501%205.501%200%200%201%20.001%2011H5.25a1.25%201.25%200%201%200%200%202.5H23a8%208%200%201%200-.001-16m14.988%2011.5a6.035%206.035%200%200%200-5.854%204.562l-.096.385a1.25%201.25%200%200%200%202.426.606l.096-.384A3.535%203.535%200%200%201%2037.987%2021a3.51%203.51%200%200%201%203.513%203.5A3.5%203.5%200%200%201%2038%2028H5.25a1.25%201.25%200%201%200%200%202.5H30c1.642%200%203%201.368%203%203.04c0%201.628-1.323%202.96-2.922%202.96a2.92%202.92%200%200%201-2.613-1.615l-.097-.194a1.25%201.25%200%201%200-2.236%201.118l.097.194A5.42%205.42%200%200%200%2030.079%2039c3.009%200%205.421-2.481%205.421-5.46a5.54%205.54%200%200%200-.908-3.04H38a6%206%200%200%200%206-6c0-3.318-2.704-6-6.013-6M19%2039a1%201%200%201%200-2%200a1%201%200%200%200%202%200m2.5%200a3.5%203.5%200%201%201-7%200a3.5%203.5%200%200%201%207%200M40%2012a1%201%200%201%200-2%200a1%201%200%200%200%202%200m2.5%200a3.5%203.5%200%201%201-7%200a3.5%203.5%200%200%201%207%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8%2011a1%201%200%201%201%200-2a1%201%200%200%201%200%202m0%202.5a3.5%203.5%200%201%200%200-7a3.5%203.5%200%200%200%200%207M22.999%207c-4.301%200-7.833%203.407-7.998%207.702a1.25%201.25%200%200%200%202.498.096A5.51%205.51%200%200%201%2023%209.5a5.501%205.501%200%200%201%20.001%2011H5.25a1.25%201.25%200%201%200%200%202.5H23a8%208%200%201%200-.001-16m14.988%2011.5a6.035%206.035%200%200%200-5.854%204.562l-.096.385a1.25%201.25%200%200%200%202.426.606l.096-.384A3.535%203.535%200%200%201%2037.987%2021a3.51%203.51%200%200%201%203.513%203.5A3.5%203.5%200%200%201%2038%2028H5.25a1.25%201.25%200%201%200%200%202.5H30c1.642%200%203%201.368%203%203.04c0%201.628-1.323%202.96-2.922%202.96a2.92%202.92%200%200%201-2.613-1.615l-.097-.194a1.25%201.25%200%201%200-2.236%201.118l.097.194A5.42%205.42%200%200%200%2030.079%2039c3.009%200%205.421-2.481%205.421-5.46a5.54%205.54%200%200%200-.908-3.04H38a6%206%200%200%200%206-6c0-3.318-2.704-6-6.013-6M19%2039a1%201%200%201%200-2%200a1%201%200%200%200%202%200m2.5%200a3.5%203.5%200%201%201-7%200a3.5%203.5%200%200%201%207%200M40%2012a1%201%200%201%200-2%200a1%201%200%200%200%202%200m2.5%200a3.5%203.5%200%201%201-7%200a3.5%203.5%200%200%201%207%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/weather-duststorm-48-regular.svg?color=%231a73e8&size=48
