Home/Libraries/Siemens Industrial Experience Icons (Iconify)/alarm-bell

Siemens Industrial Experience Icons (Iconify)

AlarmBell

License: MITCommercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 512 512"><path fill="#818cf8" fill-rule="evenodd" d="M298.667 384c0 23.564-19.103 42.667-42.667 42.667S213.333 407.564 213.333 384zM256 42.667c-82.56 0-149.333 76.373-149.333 170.667v48.853L64 384h106.667c0 47.129 38.205 85.334 85.333 85.334s85.333-38.205 85.333-85.334H448l-42.667-121.813V219.52c0-80.853-47.146-154.88-116.266-170.666A138.7 138.7 0 0 0 256 42.667M124.16 341.334l22.827-64l2.346-7.894v-56.106c0-70.614 47.787-128 106.667-128a94 94 0 0 1 22.827 2.773c47.786 11.733 83.84 67.84 83.84 130.347v50.986l2.346 6.827l22.827 65.067z"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. AlarmBellIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.