Home/Libraries/Firefox OS Emoji (Iconify)/compression

Firefox OS Emoji (Iconify)

Compression

License: Apache-2.0Commercial Safe

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 512 512"><path fill="#818cf8" d="M288.333 228.554H170.712a7.4 7.4 0 0 1-7.403-7.403V103.53a7.4 7.4 0 0 1 7.403-7.403h117.621a7.4 7.4 0 0 1 7.403 7.403v117.621a7.403 7.403 0 0 1-7.403 7.403"/><path fill="#818cf8" d="M242.54 151.116h-26.036a9.631 9.631 0 0 1 0-19.262h26.036a9.63 9.63 0 0 1 9.631 9.631c.001 5.318-4.311 9.631-9.631 9.631"/><path fill="#818cf8" d="M245.131 115.606a2.997 2.997 0 0 1-2.997 2.997h-25.223a2.997 2.997 0 0 1-2.997-2.997V96.127h31.217zm-31.217 112.948h31.217v-19.479a2.997 2.997 0 0 0-2.997-2.997h-25.223a2.997 2.997 0 0 0-2.997 2.997z"/><path fill="#818cf8" d="M120.26 308.108h216.671v33.452H120.26z"/><path fill="#818cf8" d="M511.122 243.775c-4.631 16.191-19.199 45.181-64.103 45.334v.402H120.26v-28.807h320.436l-5.795-27.559h68.18c5.544-.001 9.566 5.299 8.041 10.63M336.931 360.159H120.26v28.807h216.671zM153.259 218.738h-21.671c-5.55 0-10.05-4.499-10.05-10.05v-50.704c0-5.55 4.499-10.05 10.05-10.05h21.671c5.55 0 10.05 4.499 10.05 10.05v50.704c0 5.55-4.499 10.05-10.05 10.05m184.442-10.05v-50.704c0-5.55-4.499-10.05-10.05-10.05H305.98c-5.55 0-10.05 4.499-10.05 10.05v50.704c0 5.55 4.499 10.05 10.05 10.05h21.671c5.55 0 10.05-4.5 10.05-10.05"/><path fill="#818cf8" d="M23.031 153.638h23.26v270.955h-23.26z"/><path fill="#818cf8" d="M60.213 153.638c0 14.112-11.44 25.552-25.552 25.552S9.109 167.75 9.109 153.638s11.44-25.552 25.552-25.552s25.552 11.44 25.552 25.552M34.661 399.041c-14.112 0-25.552 11.44-25.552 25.552s11.44 25.552 25.552 25.552s25.552-11.44 25.552-25.552s-11.44-25.552-25.552-25.552"/><path fill="#818cf8" d="M141.636 187.545v229.439c0 10.931-8.861 19.792-19.792 19.792H98.772c-10.931 0-19.792-8.861-19.792-19.792V314.805H9.842A8.84 8.84 0 0 1 1 305.964v-33.697a8.84 8.84 0 0 1 8.842-8.842H78.98V213.88c0-19.159 15.531-34.69 34.69-34.69h19.612a8.355 8.355 0 0 1 8.354 8.355m311.681 28.194H379.46c-.25-20.227-16.715-36.549-37.001-36.549H325.73a8.914 8.914 0 0 0-8.914 8.914v230.584c0 29.681 24.061 53.742 53.742 53.742a8.914 8.914 0 0 0 8.914-8.914v-52.847h73.846a7.865 7.865 0 0 0 7.865-7.865v-179.2a7.867 7.867 0 0 0-7.866-7.865"/><path fill="#818cf8" d="M425.007 380.677h-60.312c-5.464 0-9.894-4.43-9.894-9.894v-9.02c0-5.464 4.43-9.894 9.894-9.894h60.312c5.464 0 9.894 4.43 9.894 9.894v9.02c0 5.465-4.43 9.894-9.894 9.894"/></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. CompressionIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **Apache-2.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.