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

Freehand free icons (Iconify)

SafetySignDangerSlippery

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="M23.222 17.61c-.19-.668-.41-1.327-.64-1.996c-.348-.948-.758-1.887-1.147-2.825c-.51-1.158-.998-2.266-1.547-3.354a237 237 0 0 0-2.506-4.932a14.6 14.6 0 0 0-2.117-3.195A3.82 3.82 0 0 0 12.78.001a2 2 0 0 0-.898.19c-.36.17-.696.388-.998.648a13 13 0 0 0-1.518 1.677a17 17 0 0 0-1.318 1.867C6.94 6.24 6.001 7.738 4.933 9.535c-.59.998-1.208 2.196-1.867 3.574c-.3.598-.759 1.697-1.178 2.795c-.42 1.098-.879 2.206-1.039 2.855q-.396.933-.678 1.907a3.8 3.8 0 0 0 0 1.467c.067.293.232.554.469.74a2.8 2.8 0 0 0 .998.518c.704.13 1.42.184 2.137.16c1.707 0 3.923-.07 4.821-.06l8.237.15c.998 0 1.996.26 2.995.33q.688.059 1.377 0q.541-.035 1.068-.17c.293-.092.555-.26.76-.49c.565-.65.874-1.484.868-2.346a11.5 11.5 0 0 0-.68-3.354m-.998 4.993a.74.74 0 0 1-.43.24a5 5 0 0 1-.739.099a7 7 0 0 1-1.208 0c-.998-.05-1.996-.25-2.994-.27H8.586c-.898 0-3.104.13-4.821.15a9.6 9.6 0 0 1-1.997-.1a2.1 2.1 0 0 1-.619-.31a.7.7 0 0 1-.32-.409c-.06-.396-.039-.8.06-1.188q.278-.946.68-1.846c.209-.63.628-1.708 1.058-2.786a37 37 0 0 1 1.197-2.715c.69-1.338 1.308-2.486 1.907-3.484c.999-1.777 1.997-3.245 3.185-5.082q.57-.91 1.258-1.737c.44-.55.932-1.059 1.467-1.517q.266-.242.58-.42a1 1 0 0 1 .498-.13c.68.1 1.295.457 1.718 1a13 13 0 0 1 1.926 2.994c.829 1.627 1.668 3.245 2.476 4.902c.52 1.078.998 2.176 1.528 3.314c.409.919.808 1.827 1.158 2.765c.23.61.449 1.228.629 1.867c.374.96.61 1.969.699 2.995a2.55 2.55 0 0 1-.64 1.668z"/><path d="M12.09 15.225q.323.129.66.21a4.7 4.7 0 0 0 1.557.06q.453-.054.888-.19a7 7 0 0 0 1.228-.49a.342.342 0 0 0-.27-.628a8 8 0 0 1-.998.27a4.4 4.4 0 0 1-.938.09a4.3 4.3 0 0 1-1.228-.2l-.23-.09c.22-.28.46-.56.66-.859c.199-.3.189-.31.269-.47l.3-.099a3.34 3.34 0 0 0 1.996-2.316c.47-2.346-1.487-3.814-3.135-3.225a4.25 4.25 0 0 0-2.346 2.426a2.37 2.37 0 0 0 .49 2.456a2.67 2.67 0 0 0 1.846.879a13 13 0 0 1-.838.818h-.06a10 10 0 0 1-.998-.659c-.76-.579-1.488-1.237-2.277-1.856a.303.303 0 0 0-.429.02a.304.304 0 0 0 .02.429c.689.749 1.298 1.547 1.997 2.216q.418.42.918.739c-.36.43-.729.858-1.078 1.298c-.17.2-.32.399-.48.609a6 6 0 0 0-.289-.72a2 2 0 0 0-.41-.598a1.71 1.71 0 0 0-1.696-.37l-.789.39q-.21.135-.4.3c-.179.149-.339.309-.508.469a.35.35 0 0 0 .429.539l.46-.28q.212-.115.438-.2l.63-.14a.79.79 0 0 1 .868.22c.25.27.5.61.769.999a53 53 0 0 1-2.247 2.845a.342.342 0 1 0 .5.469a42 42 0 0 0 3.144-3.245c.33-.389.64-.778.939-1.178zm-.369-5.57a3.3 3.3 0 0 1 1.468-1.588a1.43 1.43 0 0 1 .998-.1a1.996 1.996 0 0 1 .939 2.336a2.33 2.33 0 0 1-1.498 1.508a1.6 1.6 0 0 1-1.827-.42a1.5 1.5 0 0 1-.08-1.737m7.199 9.844a26 26 0 0 0-2.647-.34c-.589 0-1.178 0-1.767-.05q-.673.054-1.337.18c-.64.13-1.268.31-1.907.49a.31.31 0 0 0-.293.37a.31.31 0 0 0 .413.228a61 61 0 0 1 1.587-.12h1.548l4.342-.08a.342.342 0 0 0 .355-.441a.34.34 0 0 0-.295-.237"/></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. SafetySignDangerSlipperyIcon.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.