IoT Alert icon
Used to represent devices with sensors, software, and other technology that shares data with other devices. The IoT Alert icon is part of Microsoft's Fluent UI System Icons, available here in filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
Use the IoT Alert icon in React
Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.
npm install @fluentui/react-icons
import { IotAlert24Regular, IotAlert24Filled } from "@fluentui/react-icons";
export function Example() {
return <IotAlert24Regular aria-label="IoT Alert" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_iot_alert_24_regular.svg" width="24" height="24" alt="IoT Alert"> Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19 4.49146C19 5.87217 17.8807 6.99146 16.5 6.99146C16.3246 6.99146 16.1533 6.97338 15.9881 6.939L14.7084 9.05636C15.0325 9.35474 15.3072 9.70597 15.5189 10.0964C15.0089 10.1979 14.5268 10.3771 14.0856 10.621C13.638 9.94545 12.871 9.5 12 9.5C10.6193 9.5 9.5 10.6193 9.5 12C9.5 13.2201 10.374 14.236 11.5301 14.4559C11.5107 14.6346 11.5008 14.8161 11.5008 15L11.5007 15.9691C10.3864 15.8304 9.41437 15.2333 8.77921 14.3725L6.98453 15.2203C6.99475 15.3122 7 15.4055 7 15.5C7 16.8807 5.88071 18 4.5 18C3.11929 18 2 16.8807 2 15.5C2 14.1193 3.11929 13 4.5 13C5.24769 13 5.91872 13.3282 6.37685 13.8485L8.13113 13.0197C8.04557 12.6941 8 12.3524 8 12C8 11.0324 8.34357 10.145 8.91537 9.45325L7.92362 8.32385C7.63789 8.43751 7.32624 8.5 7 8.5C5.61929 8.5 4.5 7.38071 4.5 6C4.5 4.61929 5.61929 3.5 7 3.5C8.38071 3.5 9.5 4.61929 9.5 6C9.5 6.5084 9.34825 6.98135 9.08756 7.37603L10.0704 8.49533C10.6426 8.17965 11.3003 8 12 8C12.5054 8 12.9889 8.09373 13.4341 8.26477L14.6793 6.20462C14.2581 5.75716 14 5.15445 14 4.49146C14 3.11074 15.1193 1.99146 16.5 1.99146C17.8807 1.99146 19 3.11074 19 4.49146ZM17.5 4.49146C17.5 3.93917 17.0523 3.49146 16.5 3.49146C15.9477 3.49146 15.5 3.93917 15.5 4.49146C15.5 5.04374 15.9477 5.49146 16.5 5.49146C17.0523 5.49146 17.5 5.04374 17.5 4.49146ZM7 7C7.55228 7 8 6.55228 8 6C8 5.44772 7.55228 5 7 5C6.44772 5 6 5.44772 6 6C6 6.55228 6.44772 7 7 7ZM5.5 15.5C5.5 14.9477 5.05228 14.5 4.5 14.5C3.94772 14.5 3.5 14.9477 3.5 15.5C3.5 16.0523 3.94772 16.5 4.5 16.5C5.05228 16.5 5.5 16.0523 5.5 15.5ZM16.5025 11C14.2934 11 12.5025 12.7909 12.5025 15L12.5023 18L11.5539 18.8004C11.2462 19.06 11.0923 19.1899 11.0457 19.2913C10.9312 19.5407 11.0391 19.8358 11.2875 19.9525C11.3885 20 11.5898 20 11.9925 20H21.0121C21.4148 20 21.6162 20 21.7172 19.9525C21.9656 19.8358 22.0735 19.5407 21.9589 19.2913C21.9123 19.1899 21.7584 19.06 21.4507 18.8003L20.5025 18V15C20.5025 12.7909 18.7116 11 16.5025 11ZM18.0025 21C17.7842 21.5826 17.195 22 16.5025 22C15.81 22 15.2208 21.5826 15.0025 21H18.0025Z" fill="currentColor"/></svg>Use it from the SVG package
Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:
npm install @fluentui/svg-icons
import icon from "@fluentui/svg-icons/icons/iot_alert_24_regular.svg";Details
| Name | IoT Alert |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_iot_alert_24_regular.svg |
| Filled file | ic_fluent_iot_alert_24_filled.svg |
| React components | IotAlert24Regular, IotAlert24Filled |
| License | MIT (© Microsoft Corporation) |