Home/Libraries/Freehand free icons (Iconify)/safety-drown-hand

Freehand free icons (Iconify)

SafetyDrownHand

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.087 23.19a5.4 5.4 0 0 1-1.198-.499a3.4 3.4 0 0 1-.918-.828l-.519-.848c-.05-.1-.09-.32-.14-.41a.54.54 0 0 0-.396-.264a.41.41 0 0 0-.402.235l-.449.838a4.2 4.2 0 0 1-1.996 1.048a2.9 2.9 0 0 1-2.125-.21a2.2 2.2 0 0 1-.519-.439a2.6 2.6 0 0 1-.38-.599c0-.06-.239-.578-.358-.768a.63.63 0 0 0-.649-.32a.75.75 0 0 0-.409.25c-.17.2-.459.739-.529.828a5.5 5.5 0 0 1-.688.759q-.344.331-.779.529a4.5 4.5 0 0 1-2.255.329a3.7 3.7 0 0 1-2.105-.868c-.36-.33-.719-.998-1.118-1.397a2 2 0 0 0-.479-.37a.5.5 0 0 0-.569.18l-.14.36l-.688.997a4 4 0 0 1-.998.998a2.06 2.06 0 0 1-1.297.34a.303.303 0 0 0-.08.598c.475.07.96.001 1.397-.2a4.4 4.4 0 0 0 1.607-1.257l.738-.998l.08.11q.462.705.998 1.357a4.65 4.65 0 0 0 2.504 1.278c.967.132 1.95.008 2.854-.36q.476-.263.868-.638q.557-.486.998-1.078l.06-.08q.207.393.51.719c.228.265.502.488.807.658a4 4 0 0 0 2.894.23a5.25 5.25 0 0 0 2.445-1.397q.128-.142.22-.31l.419.629a4 4 0 0 0 1.177.998a5.3 5.3 0 0 0 1.447.529a.34.34 0 0 0 .36-.12a.34.34 0 0 0-.18-.539z"/><path d="M3.888 14.26a6.7 6.7 0 0 0 1.417.997c.439.22 1.147.5 1.746.838c.324.152.607.378.828.659a4.9 4.9 0 0 1 .48 1.806c.071.64.071 1.286 0 1.926a.29.29 0 0 0 .239.36a.3.3 0 0 0 .359-.24a9.5 9.5 0 0 0 .09-2.525a5.1 5.1 0 0 0-.4-1.736a2.6 2.6 0 0 0-.798-.878a19 19 0 0 0-1.995-1.168a6 6 0 0 1-1.158-.868a3.2 3.2 0 0 1-.728-1.098a1.1 1.1 0 0 1 .23-1.097a1.08 1.08 0 0 1 1.047-.47c.435.128.83.365 1.147.69c.57.518 1.028 1.207 1.567 1.716a.33.33 0 0 0 .38 0a.22.22 0 0 0 .139 0a.3.3 0 0 0 .17-.39L7.02 8.172a11.6 11.6 0 0 1-.439-1.786c-.06-.36-.06-.727 0-1.087a1.17 1.17 0 0 1 .579-.809a.65.65 0 0 1 .798.11a4.93 4.93 0 0 1 1.197 2.185a15.8 15.8 0 0 1 .729 3.992a.34.34 0 0 0 .18.29c.06.061.142.097.229.099a.32.32 0 0 0 .29-.31v-4.41c-.043-.999-.01-2 .1-2.993a6.7 6.7 0 0 1 .488-1.807c.17-.399.4-.558.669-.469a1.6 1.6 0 0 1 .838.928q.283.701.399 1.447q.175 1.176.19 2.365V9.45c0 .539 0 .918-.05 1.507q.008.114 0 .229a.35.35 0 0 0 .414.398a.34.34 0 0 0 .264-.278q.216-1.083.27-2.186V6.845q.037-.877.22-1.736c.06-.475.258-.922.568-1.287a.887.887 0 0 1 1.297-.08a2.36 2.36 0 0 1 .729 1.646c.047.927-.027 1.857-.22 2.764c-.3 1.447-.768 2.844-1.108 4.221a.34.34 0 1 0 .66.18l.268-.838q.357-1.032.869-1.996a2.6 2.6 0 0 1 1.287-1.137c.519-.2.908.13 1.147.568c.277.52.362 1.12.24 1.697a10.8 10.8 0 0 1-1.277 2.894a42 42 0 0 0-2.425 4.47a8.2 8.2 0 0 0-.569 2.115a.342.342 0 1 0 .679.09a6.8 6.8 0 0 1 .628-1.886a41 41 0 0 1 2.625-4.22a11.2 11.2 0 0 0 1.467-3.204a3.53 3.53 0 0 0-.729-2.993a1.766 1.766 0 0 0-2.165-.48a3.4 3.4 0 0 0-.55.35c.217-.848.327-1.72.33-2.595a3.24 3.24 0 0 0-1.586-2.824a2 2 0 0 0-2.335.49s-.07.11-.11.15a7 7 0 0 0-.37-1.508A2.49 2.49 0 0 0 11.682 0a1.69 1.69 0 0 0-1.567 1.207a7.6 7.6 0 0 0-.499 2.136a13 13 0 0 0 0 1.866a4.4 4.4 0 0 0-.908-1.427a1.736 1.736 0 0 0-2.065-.32A2.3 2.3 0 0 0 5.454 5.07a4 4 0 0 0 0 1.497q.213 1 .6 1.946l1.236 2.814a7 7 0 0 0-.698-.759a3.2 3.2 0 0 0-1.168-.698a2.06 2.06 0 0 0-2.095.678a2.17 2.17 0 0 0-.499 2.176a4.24 4.24 0 0 0 1.058 1.536"/></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. SafetyDrownHandIcon.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.