Home/Libraries/OpenMoji (Iconify)/quarantine

OpenMoji (Iconify)

Quarantine

License: CC-BY-SA-4.0

ICON SIZE

STROKE WEIGHT1.5px

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 72 72"><rect width="15.169" height="5.886" x="10.052" y="21.052" fill="#fff" rx="2.032" ry="2.032"/><path fill="#a57939" d="m12.902 14.702l22.105 2.301l.355 44.05h3.744V13.552L12.902 11z"/><g fill="#fcea2b"><path d="M59.892 30.978a3.005 3.005 0 0 0-2.942-2.887h-4.193a3.005 3.005 0 0 0-2.942 2.887l-.553 13.586a.7.7 0 0 1-.085.305l2.05-1.464l-.498 15.469c-.023.22.04.44.175.614a.17.17 0 0 0 .106.063c.15 0 .458-.298.513-.786l2.026-15.728q.088-.434.282-.833l.506-.562h1.136l.687.435c.126.3.209.615.246.937l1.777 15.75c.055.487.365.786.514.786a.17.17 0 0 0 .107-.063c.134-.174.342-.409.319-.63l-.652-15.451l2.446 1.698"/><circle cx="54.909" cy="22.845" r="2.075"/></g><g fill="#fcea2b"><path d="M21.454 30.978a3.005 3.005 0 0 0-2.942-2.887H14.32a3.005 3.005 0 0 0-2.942 2.887l-.553 13.586a.7.7 0 0 1-.085.305l2.05-1.463l-.499 15.468a.86.86 0 0 0 .175.614a.17.17 0 0 0 .106.063c.15 0 .459-.298.514-.786l2.026-15.727a3.5 3.5 0 0 1 .281-.834l.507-.562h1.135l.688.435q.19.452.246.938l1.777 15.748c.055.488.364.787.514.787a.17.17 0 0 0 .106-.063c.135-.174.342-.409.32-.629l-.652-15.452l2.446 1.698"/><circle cx="16.471" cy="22.845" r="2.075"/></g><path fill="#6a462f" d="M39.106 13.552L34.617 18l-21.715-3.149v-4.085z"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m13.902 14.702l21.105 2.301l.355 44.05h3.744l-.233-47.501L13.902 11"/><g fill="none" stroke="#818cf8" stroke-width="1.5"><circle cx="55.047" cy="23.097" r="2.075" stroke-miterlimit="10"/><path stroke-linecap="round" stroke-linejoin="round" d="m58.518 32.14l1.328 26.557c.038.77-.402 1.398-.979 1.398a1.45 1.45 0 0 1-1.208-1.389L55.882 43.31c-.09-.764-.474-1.389-.859-1.389s-.77.625-.859 1.389L52.39 58.706a1.45 1.45 0 0 1-1.208 1.389c-.577 0-1.017-.63-.979-1.398l1.328-26.557"/><path stroke-linecap="round" stroke-linejoin="round" d="m48.736 44.72l.553-13.28a3.686 3.686 0 0 1 3.64-3.494h4.193"/><path stroke-linecap="round" stroke-linejoin="round" d="M57.071 27.946a3.686 3.686 0 0 1 3.64 3.495l.554 13.278"/></g><g fill="none" stroke="#818cf8" stroke-width="1.5"><circle cx="16.609" cy="23.163" r="2.075" stroke-miterlimit="10"/><path stroke-linecap="round" stroke-linejoin="round" d="m20.08 32.206l1.328 26.557c.038.769-.402 1.398-.979 1.398a1.45 1.45 0 0 1-1.208-1.389l-1.777-15.397c-.09-.764-.474-1.389-.859-1.389s-.77.625-.859 1.39l-1.774 15.396a1.45 1.45 0 0 1-1.208 1.389c-.577 0-1.017-.63-.979-1.398l1.328-26.557"/><path stroke-linecap="round" stroke-linejoin="round" d="m10.298 44.785l.553-13.278a3.686 3.686 0 0 1 3.64-3.495h4.193"/><path stroke-linecap="round" stroke-linejoin="round" d="M18.633 28.012a3.686 3.686 0 0 1 3.64 3.495l.554 13.278"/></g><circle cx="26.113" cy="29.338" r="2"/><circle cx="9.297" cy="19.003" r="2"/><circle cx="7" cy="26.023" r="2"/><circle cx="22.826" cy="20" r="2"/><circle cx="28.113" cy="23.784" r="2"/></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. QuarantineIcon.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-SA-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.