compress icon

compress from css.gg by Astrit · Outline · MIT Free for personal and commercial use.

Name: compress
Set: css.gg
Style: Outline
Viewbox: 24×24
License: MIT

The same icon in other sets

compress-outlinedAnt Design Icons compressFont Awesome 6 Solid compressFont Awesome Solid compress-outlineFlowbite Icons compressIconoir compressLine Awesome compressMaterial Symbols compressMaterial Symbols Light compressUnicons compressUnicons Monochrome compressUnicons Solid

Related icons in css.gg

compress-left compress-right compress-v

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" d="m19.095 8.43l-1.424-1.404l-4.914 4.985l4.985 4.914l1.404-1.424l-2.502-2.467l6.497.05l.016-2l-6.628-.05zM5.467 15.562l1.416 1.412l4.944-4.956l-4.956-4.943L5.459 8.49l2.591 2.585l-7.206.024l.006 2l7.097-.024z"/></svg>

React

import type { SVGProps } from "react";

export function GgCompress(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" d="m19.095 8.43l-1.424-1.404l-4.914 4.985l4.985 4.914l1.404-1.424l-2.502-2.467l6.497.05l.016-2l-6.628-.05zM5.467 15.562l1.416 1.412l4.944-4.956l-4.956-4.943L5.459 8.49l2.591 2.585l-7.206.024l.006 2l7.097-.024z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m19.095 8.43l-1.424-1.404l-4.914 4.985l4.985 4.914l1.404-1.424l-2.502-2.467l6.497.05l.016-2l-6.628-.05zM5.467 15.562l1.416 1.412l4.944-4.956l-4.956-4.943L5.459 8.49l2.591 2.585l-7.206.024l.006 2l7.097-.024z"/></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%20d%3D%22m19.095%208.43l-1.424-1.404l-4.914%204.985l4.985%204.914l1.404-1.424l-2.502-2.467l6.497.05l.016-2l-6.628-.05zM5.467%2015.562l1.416%201.412l4.944-4.956l-4.956-4.943L5.459%208.49l2.591%202.585l-7.206.024l.006%202l7.097-.024z%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%20d%3D%22m19.095%208.43l-1.424-1.404l-4.914%204.985l4.985%204.914l1.404-1.424l-2.502-2.467l6.497.05l.016-2l-6.628-.05zM5.467%2015.562l1.416%201.412l4.944-4.956l-4.956-4.943L5.459%208.49l2.591%202.585l-7.206.024l.006%202l7.097-.024z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/gg/compress.svg?color=%231a73e8&size=48