Compression icon
fxemoji:compression
The Compression icon (fxemoji:compression) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Firefox OS Emoji
- Author
- Mozilla
- License
- Apache-2.0
- Size
- 512 × 512
- Category
- Symbols
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#AF773F" 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="#332A23" 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="#E5AA6E" 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="#1C4C5A" d="M120.26 308.108h216.671v33.452H120.26z"/><path fill="#ADB8BC" 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="#819096" d="M23.031 153.638h23.26v270.955h-23.26z"/><path fill="#ADB8BC" 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="#C5CFD1" 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="#1C4C5A" 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>How to use the Compression icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:compression" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:compression" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:compression" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--compression]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:compression"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:compression"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/compression.svg" alt="Compression icon" width="24" height="24">Compression icon in other icon sets
Compression icon FAQ
Is the Compression icon free for commercial use?
Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Compression icon in React?
Install @iconify/react and render <Icon icon="fxemoji:compression" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Compression icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/compression.svg" alt="Compression icon">, or paste the SVG code inline to style it with CSS.