Skip to content

Warning Line

The warning-line icon represents a warning or alert notification.

Add shadcn.io to your AI agent. · Pro It installs Warning Line, or any of 294k icons, from a prompt, with Pro.

Set up MCP

Exports at 24 × 24 px

Warning Line icon from MingCute Icon

Code

Warning Line in your framework

In any framework. Customize it above, and the code follows.

export const WarningLineIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" {...props}>
    <g fill="none"><path d="m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"/><path fill="currentColor" d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2m0 2a8 8 0 1 0 0 16a8 8 0 0 0 0-16m0 11a1 1 0 1 1 0 2a1 1 0 0 1 0-2m0-9a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V7a1 1 0 0 1 1-1"/></g>
  </svg>
);

Other libraries

Warning Line in 8 more libraries

Each library draws it its own way. Open one to compare.

  • Warning Line icon from Material Symbols
  • Warning Line icon from Material Symbols Light
  • Warning Line icon from Phosphor
  • Warning Line icon from Health Icons
  • Warning Line icon from Carbon
  • Warning Line icon from IonIcons
  • Warning Line icon from Font Awesome Solid
  • Warning Line icon from Fluent UI MDL2

MingCute Icon

Icons that share its tags, in the same style.

  • Safe Alert Line icon from MingCute Icon
  • Safe Flash Line icon from MingCute Icon
  • Terror Line icon from MingCute Icon
  • Whistle Line icon from MingCute Icon
  • Alert Diamond Line icon from MingCute Icon
  • Alert Line icon from MingCute Icon
  • Alert Octagon Line icon from MingCute Icon
  • Disabled 2 Line icon from MingCute Icon
  • Disabled Line icon from MingCute Icon
  • Fault Line icon from MingCute Icon
  • File Warning Line icon from MingCute Icon
  • Bell Ringing Line icon from MingCute Icon
  • Alarm 1 Line icon from MingCute Icon
  • Alarm 2 Line icon from MingCute Icon
  • User Warning Line icon from MingCute Icon
  • Virus Line icon from MingCute Icon
  • Emergency Flashers Line icon from MingCute Icon
  • Horn 2 Line icon from MingCute Icon
  • Horn Line icon from MingCute Icon
  • Notification Line icon from MingCute Icon
  • Notification Newdot Line icon from MingCute Icon
  • Sandstorm Line icon from MingCute Icon
  • Skull Line icon from MingCute Icon
  • Typhoon Line icon from MingCute Icon

Skip the copy and paste. With Pro, your AI agent finds and installs any MingCute Icon icon from a prompt.

Get Pro

Tags

Browse by tag

Warning Line is tagged notification, warning, alert and 3 more. Related tags follow; each opens its icons from every library.

Pricing

MingCute Icon MCP, with Pro

Ask for Warning Line or any of 3,320 MingCute Icon icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

Billed once a year in USD. Cancel anytime.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

  • How many people can use the license.Seats: 1 seat
  • Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
  • Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
  • Complete multi-page sites you can ship as they are.Templates: All 14 templates
  • React icons from every major library, installable with one command.React icons: 294k+ icons
  • Presets that restyle every block, in light and dark.Themes: All 59 themes
  • Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
  • Priority requests are answered first.Support: Standard

Team

Most popular

For freelancers, agencies & startups

$66instead of $99/mo

$789 billed yearly · ≈ $13/dev/mo

Everything in Individual, plus

  • How many people can use the license.Seats: Up to 5 seats
  • Client work, SaaS products and anything you charge for.Commercial use: Included
  • Lets your AI editor search, preview and install blocks for you.MCP server: High usage
  • Priority requests are answered first.Support: Priority

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Everything in Team, plus

  • How many people can use the license.Seats: Unlimited seats
  • Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
  • Secure checkout via Stripe
  • Code lives in your repo
  • Keep what you've shipped if you cancel
  • License terms

FAQ

Frequently asked questions

What the Warning Line icon means and where it's used, then how to install, style and license it.

Install Warning Line from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro