compress icon
compress from Reicon by REICON · Outline · UI · MIT Free for personal and commercial use.
- Name
- compress
- Set
- Reicon
- Style
- Outline
- Category
- UI
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
The same icon in other sets
All compress icons →More ui icons from Reicon
Use the compress icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M7.5 2.75a.75.75 0 0 1 .75.75v4.426c0 .258 0 .494-.016.692a1.8 1.8 0 0 1-.175.676a1.75 1.75 0 0 1-.765.765c-.23.118-.463.158-.676.175c-.198.016-.434.016-.692.016H1.5a.75.75 0 0 1 0-1.5h4.4c.292 0 .467 0 .596-.011a.6.6 0 0 0 .12-.018a.25.25 0 0 0 .105-.104a.6.6 0 0 0 .018-.121c.01-.13.011-.304.011-.596V3.5a.75.75 0 0 1 .75-.75m-.78 5.87v-.002zm-.1.1h-.002zm9.88-5.97a.75.75 0 0 1 .75.75v4.4c0 .292 0 .467.011.596a.6.6 0 0 0 .018.12a.25.25 0 0 0 .105.105a.6.6 0 0 0 .12.018c.13.01.304.011.596.011h4.4a.75.75 0 0 1 0 1.5h-4.426c-.258 0-.494 0-.692-.016a1.8 1.8 0 0 1-.677-.175a1.75 1.75 0 0 1-.764-.765a1.8 1.8 0 0 1-.175-.676c-.016-.198-.016-.434-.016-.692V3.5a.75.75 0 0 1 .75-.75m.88 5.97h.002zm-.1-.1v-.002zM6.496 15.261a8 8 0 0 0-.596-.011H1.5a.75.75 0 0 1 0-1.5h4.426c.258 0 .494 0 .692.016c.213.018.446.057.676.175c.33.167.597.435.765.765c.118.23.157.463.175.676c.016.198.016.434.016.692V20.5a.75.75 0 0 1-1.5 0v-4.4c0-.292 0-.467-.011-.596a.6.6 0 0 0-.018-.12a.25.25 0 0 0-.104-.105a.6.6 0 0 0-.121-.018m.224.119v.002zm11.354-1.63H22.5a.75.75 0 0 1 0 1.5h-4.4c-.292 0-.467 0-.596.011a.6.6 0 0 0-.12.018a.25.25 0 0 0-.105.104a.6.6 0 0 0-.018.121c-.01.13-.011.304-.011.596v4.4a.75.75 0 0 1-1.5 0v-4.426c0-.258 0-.494.016-.692a1.8 1.8 0 0 1 .175-.676a1.75 1.75 0 0 1 .765-.765c.23-.118.463-.158.676-.175c.198-.016.434-.016.692-.016m-.794 1.63v.002zm.1-.1h.002z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconCompress(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M7.5 2.75a.75.75 0 0 1 .75.75v4.426c0 .258 0 .494-.016.692a1.8 1.8 0 0 1-.175.676a1.75 1.75 0 0 1-.765.765c-.23.118-.463.158-.676.175c-.198.016-.434.016-.692.016H1.5a.75.75 0 0 1 0-1.5h4.4c.292 0 .467 0 .596-.011a.6.6 0 0 0 .12-.018a.25.25 0 0 0 .105-.104a.6.6 0 0 0 .018-.121c.01-.13.011-.304.011-.596V3.5a.75.75 0 0 1 .75-.75m-.78 5.87v-.002zm-.1.1h-.002zm9.88-5.97a.75.75 0 0 1 .75.75v4.4c0 .292 0 .467.011.596a.6.6 0 0 0 .018.12a.25.25 0 0 0 .105.105a.6.6 0 0 0 .12.018c.13.01.304.011.596.011h4.4a.75.75 0 0 1 0 1.5h-4.426c-.258 0-.494 0-.692-.016a1.8 1.8 0 0 1-.677-.175a1.75 1.75 0 0 1-.764-.765a1.8 1.8 0 0 1-.175-.676c-.016-.198-.016-.434-.016-.692V3.5a.75.75 0 0 1 .75-.75m.88 5.97h.002zm-.1-.1v-.002zM6.496 15.261a8 8 0 0 0-.596-.011H1.5a.75.75 0 0 1 0-1.5h4.426c.258 0 .494 0 .692.016c.213.018.446.057.676.175c.33.167.597.435.765.765c.118.23.157.463.175.676c.016.198.016.434.016.692V20.5a.75.75 0 0 1-1.5 0v-4.4c0-.292 0-.467-.011-.596a.6.6 0 0 0-.018-.12a.25.25 0 0 0-.104-.105a.6.6 0 0 0-.121-.018m.224.119v.002zm11.354-1.63H22.5a.75.75 0 0 1 0 1.5h-4.4c-.292 0-.467 0-.596.011a.6.6 0 0 0-.12.018a.25.25 0 0 0-.105.104a.6.6 0 0 0-.018.121c-.01.13-.011.304-.011.596v4.4a.75.75 0 0 1-1.5 0v-4.426c0-.258 0-.494.016-.692a1.8 1.8 0 0 1 .175-.676a1.75 1.75 0 0 1 .765-.765c.23-.118.463-.158.676-.175c.198-.016.434-.016.692-.016m-.794 1.63v.002zm.1-.1h.002z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M7.5 2.75a.75.75 0 0 1 .75.75v4.426c0 .258 0 .494-.016.692a1.8 1.8 0 0 1-.175.676a1.75 1.75 0 0 1-.765.765c-.23.118-.463.158-.676.175c-.198.016-.434.016-.692.016H1.5a.75.75 0 0 1 0-1.5h4.4c.292 0 .467 0 .596-.011a.6.6 0 0 0 .12-.018a.25.25 0 0 0 .105-.104a.6.6 0 0 0 .018-.121c.01-.13.011-.304.011-.596V3.5a.75.75 0 0 1 .75-.75m-.78 5.87v-.002zm-.1.1h-.002zm9.88-5.97a.75.75 0 0 1 .75.75v4.4c0 .292 0 .467.011.596a.6.6 0 0 0 .018.12a.25.25 0 0 0 .105.105a.6.6 0 0 0 .12.018c.13.01.304.011.596.011h4.4a.75.75 0 0 1 0 1.5h-4.426c-.258 0-.494 0-.692-.016a1.8 1.8 0 0 1-.677-.175a1.75 1.75 0 0 1-.764-.765a1.8 1.8 0 0 1-.175-.676c-.016-.198-.016-.434-.016-.692V3.5a.75.75 0 0 1 .75-.75m.88 5.97h.002zm-.1-.1v-.002zM6.496 15.261a8 8 0 0 0-.596-.011H1.5a.75.75 0 0 1 0-1.5h4.426c.258 0 .494 0 .692.016c.213.018.446.057.676.175c.33.167.597.435.765.765c.118.23.157.463.175.676c.016.198.016.434.016.692V20.5a.75.75 0 0 1-1.5 0v-4.4c0-.292 0-.467-.011-.596a.6.6 0 0 0-.018-.12a.25.25 0 0 0-.104-.105a.6.6 0 0 0-.121-.018m.224.119v.002zm11.354-1.63H22.5a.75.75 0 0 1 0 1.5h-4.4c-.292 0-.467 0-.596.011a.6.6 0 0 0-.12.018a.25.25 0 0 0-.105.104a.6.6 0 0 0-.018.121c-.01.13-.011.304-.011.596v4.4a.75.75 0 0 1-1.5 0v-4.426c0-.258 0-.494.016-.692a1.8 1.8 0 0 1 .175-.676a1.75 1.75 0 0 1 .765-.765c.23-.118.463-.158.676-.175c.198-.016.434-.016.692-.016m-.794 1.63v.002zm.1-.1h.002z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-compress {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7.5%202.75a.75.75%200%200%201%20.75.75v4.426c0%20.258%200%20.494-.016.692a1.8%201.8%200%200%201-.175.676a1.75%201.75%200%200%201-.765.765c-.23.118-.463.158-.676.175c-.198.016-.434.016-.692.016H1.5a.75.75%200%200%201%200-1.5h4.4c.292%200%20.467%200%20.596-.011a.6.6%200%200%200%20.12-.018a.25.25%200%200%200%20.105-.104a.6.6%200%200%200%20.018-.121c.01-.13.011-.304.011-.596V3.5a.75.75%200%200%201%20.75-.75m-.78%205.87v-.002zm-.1.1h-.002zm9.88-5.97a.75.75%200%200%201%20.75.75v4.4c0%20.292%200%20.467.011.596a.6.6%200%200%200%20.018.12a.25.25%200%200%200%20.105.105a.6.6%200%200%200%20.12.018c.13.01.304.011.596.011h4.4a.75.75%200%200%201%200%201.5h-4.426c-.258%200-.494%200-.692-.016a1.8%201.8%200%200%201-.677-.175a1.75%201.75%200%200%201-.764-.765a1.8%201.8%200%200%201-.175-.676c-.016-.198-.016-.434-.016-.692V3.5a.75.75%200%200%201%20.75-.75m.88%205.97h.002zm-.1-.1v-.002zM6.496%2015.261a8%208%200%200%200-.596-.011H1.5a.75.75%200%200%201%200-1.5h4.426c.258%200%20.494%200%20.692.016c.213.018.446.057.676.175c.33.167.597.435.765.765c.118.23.157.463.175.676c.016.198.016.434.016.692V20.5a.75.75%200%200%201-1.5%200v-4.4c0-.292%200-.467-.011-.596a.6.6%200%200%200-.018-.12a.25.25%200%200%200-.104-.105a.6.6%200%200%200-.121-.018m.224.119v.002zm11.354-1.63H22.5a.75.75%200%200%201%200%201.5h-4.4c-.292%200-.467%200-.596.011a.6.6%200%200%200-.12.018a.25.25%200%200%200-.105.104a.6.6%200%200%200-.018.121c-.01.13-.011.304-.011.596v4.4a.75.75%200%200%201-1.5%200v-4.426c0-.258%200-.494.016-.692a1.8%201.8%200%200%201%20.175-.676a1.75%201.75%200%200%201%20.765-.765c.23-.118.463-.158.676-.175c.198-.016.434-.016.692-.016m-.794%201.63v.002zm.1-.1h.002z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7.5%202.75a.75.75%200%200%201%20.75.75v4.426c0%20.258%200%20.494-.016.692a1.8%201.8%200%200%201-.175.676a1.75%201.75%200%200%201-.765.765c-.23.118-.463.158-.676.175c-.198.016-.434.016-.692.016H1.5a.75.75%200%200%201%200-1.5h4.4c.292%200%20.467%200%20.596-.011a.6.6%200%200%200%20.12-.018a.25.25%200%200%200%20.105-.104a.6.6%200%200%200%20.018-.121c.01-.13.011-.304.011-.596V3.5a.75.75%200%200%201%20.75-.75m-.78%205.87v-.002zm-.1.1h-.002zm9.88-5.97a.75.75%200%200%201%20.75.75v4.4c0%20.292%200%20.467.011.596a.6.6%200%200%200%20.018.12a.25.25%200%200%200%20.105.105a.6.6%200%200%200%20.12.018c.13.01.304.011.596.011h4.4a.75.75%200%200%201%200%201.5h-4.426c-.258%200-.494%200-.692-.016a1.8%201.8%200%200%201-.677-.175a1.75%201.75%200%200%201-.764-.765a1.8%201.8%200%200%201-.175-.676c-.016-.198-.016-.434-.016-.692V3.5a.75.75%200%200%201%20.75-.75m.88%205.97h.002zm-.1-.1v-.002zM6.496%2015.261a8%208%200%200%200-.596-.011H1.5a.75.75%200%200%201%200-1.5h4.426c.258%200%20.494%200%20.692.016c.213.018.446.057.676.175c.33.167.597.435.765.765c.118.23.157.463.175.676c.016.198.016.434.016.692V20.5a.75.75%200%200%201-1.5%200v-4.4c0-.292%200-.467-.011-.596a.6.6%200%200%200-.018-.12a.25.25%200%200%200-.104-.105a.6.6%200%200%200-.121-.018m.224.119v.002zm11.354-1.63H22.5a.75.75%200%200%201%200%201.5h-4.4c-.292%200-.467%200-.596.011a.6.6%200%200%200-.12.018a.25.25%200%200%200-.105.104a.6.6%200%200%200-.018.121c-.01.13-.011.304-.011.596v4.4a.75.75%200%200%201-1.5%200v-4.426c0-.258%200-.494.016-.692a1.8%201.8%200%200%201%20.175-.676a1.75%201.75%200%200%201%20.765-.765c.23-.118.463-.158.676-.175c.198-.016.434-.016.692-.016m-.794%201.63v.002zm.1-.1h.002z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/compress.svg?color=%231a73e8&size=48
