Home/Libraries/Freehand free icons (Iconify)/safety-danger-mudslide

Freehand free icons (Iconify)

SafetyDangerMudslide

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"><g fill="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><path d="M14.97 17.623a25 25 0 0 0-2.914-1.806a2.3 2.3 0 0 1-.758-.879c-.12-.241-.2-.5-.24-.768c-.229-1.277 0-2.774-.439-3.991a3 3 0 0 0-.419-.738q-.466-.531-.997-.998a2.06 2.06 0 0 1-.62-.918c-.189-.769 0-1.687-.129-2.505a2.5 2.5 0 0 0-.469-1.177a2.4 2.4 0 0 0-.539-.5c-.459-.299-.948-.508-1.327-.728c-.708-.419-1.267-.878-1.916-1.247A5.7 5.7 0 0 0 3.275.92a.3.3 0 0 0-.389.18a.31.31 0 0 0 .17.389q.433.171.828.419c.629.4 1.168.878 1.866 1.317c.31.19.709.39 1.058.619q.289.19.509.459c.167.25.267.538.289.838c.1.858-.12 1.796 0 2.604c.082.279.21.542.38.779c.458.718 1.356 1.177 1.636 1.995c.389 1.148.1 2.584.299 3.802c.053.38.16.749.32 1.097c.257.514.637.956 1.107 1.288q1.454.764 2.794 1.716c.309.386.509.848.579 1.337q.212 1.024.309 2.066c-.51.06-.998.15-1.537.209c-.28 0-.559.05-.848.06c-1.736 0-3.462-.18-5.199-.22H6.11c-1.337 0-2.694.18-3.991.19q-.871.024-1.736-.06a.35.35 0 0 0-.38.3a.34.34 0 0 0 .3.379q.885.111 1.776.12c1.347 0 2.704-.07 4.061-.07h1.277c1.747.09 3.483.339 5.239.369h.998c.698-.07 1.377-.18 2.085-.22a.55.55 0 0 0 .51-.629a23 23 0 0 0-.48-3.193a3.3 3.3 0 0 0-.798-1.436m8.979-1.847c-.449-2.914-2.644-2.385-3.313-1.996a4 4 0 0 0-1.875 2.195a2.575 2.575 0 0 0 2.704 3.333a2.83 2.83 0 0 0 2.175-1.517a3.14 3.14 0 0 0 .31-2.015m-1.127 1.486a1.86 1.86 0 0 1-1.457.878a1.45 1.45 0 0 1-1.407-.728a1.6 1.6 0 0 1-.07-1.527a3.15 3.15 0 0 1 1.138-1.416c.429-.28 1.905-.859 2.075 1.397c.041.487-.07.975-.32 1.396zM13.812 9.64a1.776 1.776 0 0 0 .639 2.265a2.42 2.42 0 0 0 2.255-.09a1.44 1.44 0 0 0 .778-1.467a1.66 1.66 0 0 0-.469-.927c-1.347-1.387-2.684-.879-3.203.219m2.156 1.277a1.22 1.22 0 0 1-.938 0a.76.76 0 0 1-.37-.998c.49-1.646 1.867-.08 1.877.46c.02.339-.28.458-.57.538m-4.37-6.875q.136.248.31.47c.293.348.628.66.997.927a.343.343 0 0 0 .57-.355a.3.3 0 0 0-.07-.114a11 11 0 0 1-.55-1.067c-.12-.24-.229-.49-.369-.719c-.26-.409-.558-.758-.808-1.147a.3.3 0 0 0-.399-.16a.29.29 0 0 0-.16.39q.1.641.28 1.266q.075.264.2.51m8.222 2.644c.11.299.229.588.348.878c.12.289.25.578.35.878q.165.444.26.908a.36.36 0 0 0 .378.32a.35.35 0 0 0 .31-.38a8 8 0 0 0-.17-1.826a5 5 0 0 0-.23-.758a5 5 0 0 0-.329-.669a12 12 0 0 0-1.067-1.497a.31.31 0 0 0-.42-.09a.29.29 0 0 0-.1.41c.26.598.44 1.177.67 1.826"/><path d="M4.353 16.236a.3.3 0 0 0 .29.309c.219 0 .429.06.648.11q.287.065.559.18q.291.127.539.329c.24.167.441.385.588.638c.284.532.483 1.104.59 1.697a.34.34 0 0 0 .418.309a.35.35 0 0 0 .31-.38a4.64 4.64 0 0 0-.51-2.554a2.2 2.2 0 0 0-.798-.678a3 3 0 0 0-.908-.3a4 4 0 0 0-.608 0c-.28 0-.56 0-.829.06a.3.3 0 0 0-.289.28M3.335 8.433a.8.8 0 0 0 .16.2c.23.229.499.378.698.608a.35.35 0 0 0 .61-.34a3 3 0 0 0-.26-.748a1.3 1.3 0 0 0-.45-.519a2 2 0 0 0-.798-.279a.31.31 0 0 0-.299.539q.19.255.34.539"/></g></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. SafetyDangerMudslideIcon.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.