Home/Libraries/Freehand free icons (Iconify)/safety-exit-door

Freehand free icons (Iconify)

SafetyExitDoor

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="M9.353 10.746q.326.14.679.17q.334.045.669 0a3.6 3.6 0 0 0 1.298-.42c.296-.169.552-.4.749-.679a2.5 2.5 0 0 0 .38-1.997c-.06-.26-.91-3.624-3.995-1.997a3.2 3.2 0 0 0-.729.52a2.1 2.1 0 0 0-.4.569a2.83 2.83 0 0 0-.149 2.156a2.68 2.68 0 0 0 1.498 1.678m-.45-3.415q.091-.226.26-.4q.199-.208.44-.369c2.126-1.448 2.665 1.208 2.695 1.428a1.6 1.6 0 0 1-.3 1.228a1.4 1.4 0 0 1-.588.4a3 3 0 0 1-.8.17q-.21.021-.419 0a1.6 1.6 0 0 1-.369-.1a1.63 1.63 0 0 1-.849-.999a1.9 1.9 0 0 1-.07-1.358"/><path d="M12.498 16.977a5 5 0 0 0-1.218-.64c-.28-.1-.64-.13-.999-.22a.7.7 0 0 1-.28-.139a.09.09 0 0 1 0-.11q.093-.15.21-.28c1.045.215 2.116.265 3.176.15a6.1 6.1 0 0 0 2.107-.698a4 4 0 0 0 1.697-2.157a1.46 1.46 0 0 0-.998-1.867a1.66 1.66 0 0 0-.949-.11c-.395.082-.773.23-1.118.44q-.606.345-1.248.618a3 3 0 0 1-.8.2q-.669.045-1.337 0a7 7 0 0 1-1.288-.17c-.929-.24-1.898-.719-2.876-.998a5 5 0 0 0-1.438-.18q-.424.03-.829.16q-.511.169-.998.399a5.2 5.2 0 0 0-2.127 1.658a1.75 1.75 0 0 0-.11 1.997a1.2 1.2 0 0 0 .829.569c.432.033.863-.076 1.228-.31a7.3 7.3 0 0 1 2.067-.998a1.14 1.14 0 0 1 .998.23q-.35.619-.688 1.138c-.66.998-1.329 1.837-2.127 2.995q-.563.811-.999 1.698a3.1 3.1 0 0 0-.22 1.617a1.25 1.25 0 0 0 .94 1.189a2.36 2.36 0 0 0 1.766-.42a7.9 7.9 0 0 0 1.808-1.997a10 10 0 0 0 1.108-2.137a2.9 2.9 0 0 1 1.268.3c.26.167.487.38.67.629a.76.76 0 0 1 .119.659a6.5 6.5 0 0 1-.46.919a2 2 0 0 0-.229.998a1.21 1.21 0 0 0 .809.999l.629.17c.485.06.977-.03 1.408-.26c.392-.209.733-.502.998-.86c.479-.63.748-1.394.77-2.186a4.15 4.15 0 0 0-.6-2.206c-.173-.302-.4-.57-.669-.79m-.38 4.483a2.1 2.1 0 0 1-.648.54c-.23.124-.49.176-.75.149l-.329-.07c-.14-.06-.21-.13-.19-.24c.07-.479.44-.998.52-1.457a1.5 1.5 0 0 0-.19-1.129a3 3 0 0 0-1.078-.998a2.8 2.8 0 0 0-.999-.28a3 3 0 0 0-.789 0a.35.35 0 0 0-.44.21a8.8 8.8 0 0 1-1.237 1.997A6.6 6.6 0 0 1 4.31 21.78c-.24.148-.516.227-.799.23a.22.22 0 0 1-.2-.23a2 2 0 0 1 .22-.93q.357-.82.84-1.577c.578-1.068 1.088-1.877 1.577-2.736a36 36 0 0 0 .998-1.917a.26.26 0 0 0-.05-.3a1.71 1.71 0 0 0-1.757-.608a8.2 8.2 0 0 0-2.326.998c-.188.113-.4.178-.62.19a.38.38 0 0 1-.33-.22a.9.9 0 0 1 .14-.998a4.1 4.1 0 0 1 1.748-1.239q.465-.188.949-.32q.245-.098.509-.139c.382 0 .762.053 1.128.16c.999.26 1.947.739 2.876.998a7 7 0 0 0 1.528.21q.75.024 1.497-.06c.375-.049.742-.15 1.089-.3q.707-.305 1.358-.718q.311-.196.659-.32a.74.74 0 0 1 .51 0c.498.19.488.61.309.999a3.1 3.1 0 0 1-1.169 1.298a5.35 5.35 0 0 1-2.286.739a10.6 10.6 0 0 1-2.506-.12a.4.4 0 0 0-.15 0a.33.33 0 0 0-.34.11a2.3 2.3 0 0 0-.529.799a.71.71 0 0 0 .16.619c.14.172.322.306.529.389c.33.15.749.19 1.048.32q.432.188.82.459c.22.17.405.384.538.629c.26.523.378 1.105.34 1.687a2.75 2.75 0 0 1-.5 1.568z"/><path d="M23.142 7.58c-.06-1.327-.18-2.645-.29-3.993a10.4 10.4 0 0 0-.249-1.858a2.76 2.76 0 0 0-.719-1.228a2.25 2.25 0 0 0-1.378-.5q-1.336-.017-2.666.13c-1.098 0-2.846 0-4.463.07a27 27 0 0 0-2.996.25a5.5 5.5 0 0 0-1.378.37a1.16 1.16 0 0 0-.569.539a1.5 1.5 0 0 0-.08.699c0 .46.18.998.22 1.298a.31.31 0 0 0 .34.26a.3.3 0 0 0 .259-.34c-.05-.28-.17-.689-.17-1.088a1.1 1.1 0 0 1 0-.56a.66.66 0 0 1 .4-.26q.52-.145 1.058-.189A22 22 0 0 1 13.387 1c1.617 0 3.355.05 4.453.07c.45 0 1.398-.11 2.237-.08c.37-.036.743.052 1.058.25c.202.218.34.488.4.779c.114.545.178 1.1.19 1.657c.1 1.299.209 2.607.269 3.915c0 .868.06 1.727 0 2.596l-.01 2.935l-.1 2.157v3.066c0 1.018 0 2.047.09 3.065c0 .29-.22 1.298.12 1.458a2.3 2.3 0 0 1-.999.27c-.649.06-1.338 0-1.927 0h-3.605a.34.34 0 0 0-.339.339a.35.35 0 0 0 .35.34l3.614.15q1.153.066 2.307 0c.377-.052.74-.178 1.068-.37a.82.82 0 0 0 .36-.63a8 8 0 0 0-.1-1.557v-2.995c0-.999.05-1.997.1-2.996l.15-2.137l.1-2.926c.03-.988.01-1.877-.03-2.775"/></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. SafetyExitDoorIcon.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.