Home/Libraries/Freehand free icons (Iconify)/alerts-warning-triangle

Freehand free icons (Iconify)

AlertsWarningTriangle

License: CC-BY-4.0

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 24 24"><path fill="#818cf8" d="M11.988 5.767a2.07 2.07 0 0 0-2 1.47a5.5 5.5 0 0 0-.24 1.36q.038.961.2 1.91c.15 1 .37 2 .55 3c.28 1.64.39 2 1.1 2.54a1.1 1.1 0 0 0 1.39-.27a4.5 4.5 0 0 0 .76-1.53c.19-.55.36-1.11.52-1.67c.23-.84.43-1.69.62-2.52q.186-.721.26-1.46a2.9 2.9 0 0 0-.16-1.14a3.23 3.23 0 0 0-3-1.69m1.89 4.08c-.14.83-.3 1.67-.48 2.5c-.13.56-.26 1.1-.42 1.64a3.5 3.5 0 0 1-.53 1.28a.41.41 0 0 1-.51.14c-.4-.29-.38-.2-.69-2c-.16-1-.25-2-.34-3a13 13 0 0 1-.07-1.78a3.8 3.8 0 0 1 .15-1.08c.17-.59.8-.69 1.4-.61a1.91 1.91 0 0 1 1.53.94a1.9 1.9 0 0 1 .1.68a9 9 0 0 1-.19 1.29zm-2.09 7.53a2.6 2.6 0 0 0-1.22.46a1.7 1.7 0 0 0-.59 2.05c.106.247.27.463.48.63a2.17 2.17 0 0 0 2 .25a1.84 1.84 0 0 0 1.26-1.58a1.4 1.4 0 0 0-.09-.6a1.68 1.68 0 0 0-1.84-1.21m1.2 1.72a1 1 0 0 1-.77.68a1.1 1.1 0 0 1-1-.16a.57.57 0 0 1-.21-.46a.72.72 0 0 1 .2-.56a1.7 1.7 0 0 1 .74-.45c.58-.14.77-.09 1 .61a.64.64 0 0 1 .04.34"/><path fill="#818cf8" d="M23.918 19.637a27 27 0 0 0-.89-3a18.3 18.3 0 0 0-1.3-3.15c-.74-1.49-1.65-2.88-2.43-4.32c-.63-1.17-1.11-2.26-1.74-3.34a13 13 0 0 0-.92-1.39a16.5 16.5 0 0 0-2.47-3.05a2.65 2.65 0 0 0-1.88-.66a2 2 0 0 0-.85.31a7 7 0 0 0-.87.65a10.4 10.4 0 0 0-1.42 1.39c-.62.73-1.16 1.53-1.72 2.33l-2 2.69a42 42 0 0 0-2.23 4a57 57 0 0 0-1.83 4.19c-.27.71-.57 1.4-.83 2.12c-.73 2.1-.81 2.85.35 3.5a8.3 8.3 0 0 0 3 .66l1.1.11c1.81.12 3.62.34 5.44.48c.78.06 1.57.1 2.36.12h1.8c1.38 0 2.76-.13 4.14-.17a11 11 0 0 0 3.84-.46a2.29 2.29 0 0 0 1.35-1.45c.11-.515.11-1.046 0-1.56m-1.09 1.24a1.49 1.49 0 0 1-1.17.94a13.4 13.4 0 0 1-3 .27c-1.38.06-2.76.18-4.14.24h-1.75q-1.15 0-2.31-.09c-1.84-.06-3.66-.24-5.47-.34l-1.05-.09a7.7 7.7 0 0 1-2.69-.53c-.49-.27-.87-.59-.1-2.67c.26-.7.58-1.39.86-2.08c.57-1.4 1.19-2.76 1.88-4.09a40 40 0 0 1 2.27-3.87l2.03-2.57c.56-.77 1.1-1.52 1.71-2.22q.601-.678 1.31-1.24q.368-.33.78-.6a.9.9 0 0 1 .41-.15a2 2 0 0 1 1.46.78q1.036 1.212 1.89 2.56q.619.82 1.1 1.73c.5.93.92 1.88 1.45 2.86c.78 1.43 1.67 2.85 2.42 4.32c.515.944.94 1.935 1.27 2.96c.2.68.59 1.58.81 2.46c.12.464.13.95.03 1.42"/></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. AlertsWarningTriangleIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** 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.