library compact icon

library-compact from Codicons by Microsoft Corporation · Regular · CC-BY-4.0 Attribution required.

Name
library-compact
Set
Codicons
Style
Regular
Viewbox
12×12
License
CC BY 4.0

Use the library compact icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 12 12"><path fill="currentColor" d="M1.749 0h-.5C.559 0 0 .559 0 1.249v9.496c0 .69.559 1.249 1.249 1.249h.5c.69 0 1.249-.559 1.249-1.249V1.249C2.998.559 2.439 0 1.749 0m.249 10.745a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25V1.249a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25zM5.745 0h-.5c-.69 0-1.249.559-1.249 1.249v9.496c0 .69.559 1.249 1.249 1.249h.5c.69 0 1.249-.559 1.249-1.249V1.249C6.994.559 6.435 0 5.745 0m.25 10.745a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25V1.249a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25zm5.963-.446l-1.93-7.247a1.24 1.24 0 0 0-.582-.76a1.24 1.24 0 0 0-.949-.126l-.482.128a1.24 1.24 0 0 0-.76.582a1.24 1.24 0 0 0-.126.948l1.93 7.247c.086.323.292.593.582.76a1.24 1.24 0 0 0 .949.126l.483-.129c.323-.085.592-.292.76-.581c.167-.289.212-.625.126-.949zm-.992.448a.25.25 0 0 1-.152.116l-.483.129a.24.24 0 0 1-.19-.025a.25.25 0 0 1-.116-.152l-1.93-7.247a.25.25 0 0 1 .025-.19a.25.25 0 0 1 .152-.116l.482-.128a.25.25 0 0 1 .306.177l1.93 7.247a.25.25 0 0 1-.025.19z"/></svg>

React

import type { SVGProps } from "react";

export function CodiconLibraryCompact(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 12 12"><path fill="currentColor" d="M1.749 0h-.5C.559 0 0 .559 0 1.249v9.496c0 .69.559 1.249 1.249 1.249h.5c.69 0 1.249-.559 1.249-1.249V1.249C2.998.559 2.439 0 1.749 0m.249 10.745a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25V1.249a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25zM5.745 0h-.5c-.69 0-1.249.559-1.249 1.249v9.496c0 .69.559 1.249 1.249 1.249h.5c.69 0 1.249-.559 1.249-1.249V1.249C6.994.559 6.435 0 5.745 0m.25 10.745a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25V1.249a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25zm5.963-.446l-1.93-7.247a1.24 1.24 0 0 0-.582-.76a1.24 1.24 0 0 0-.949-.126l-.482.128a1.24 1.24 0 0 0-.76.582a1.24 1.24 0 0 0-.126.948l1.93 7.247c.086.323.292.593.582.76a1.24 1.24 0 0 0 .949.126l.483-.129c.323-.085.592-.292.76-.581c.167-.289.212-.625.126-.949zm-.992.448a.25.25 0 0 1-.152.116l-.483.129a.24.24 0 0 1-.19-.025a.25.25 0 0 1-.116-.152l-1.93-7.247a.25.25 0 0 1 .025-.19a.25.25 0 0 1 .152-.116l.482-.128a.25.25 0 0 1 .306.177l1.93 7.247a.25.25 0 0 1-.025.19z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 12 12"><path fill="currentColor" d="M1.749 0h-.5C.559 0 0 .559 0 1.249v9.496c0 .69.559 1.249 1.249 1.249h.5c.69 0 1.249-.559 1.249-1.249V1.249C2.998.559 2.439 0 1.749 0m.249 10.745a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25V1.249a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25zM5.745 0h-.5c-.69 0-1.249.559-1.249 1.249v9.496c0 .69.559 1.249 1.249 1.249h.5c.69 0 1.249-.559 1.249-1.249V1.249C6.994.559 6.435 0 5.745 0m.25 10.745a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25V1.249a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25zm5.963-.446l-1.93-7.247a1.24 1.24 0 0 0-.582-.76a1.24 1.24 0 0 0-.949-.126l-.482.128a1.24 1.24 0 0 0-.76.582a1.24 1.24 0 0 0-.126.948l1.93 7.247c.086.323.292.593.582.76a1.24 1.24 0 0 0 .949.126l.483-.129c.323-.085.592-.292.76-.581c.167-.289.212-.625.126-.949zm-.992.448a.25.25 0 0 1-.152.116l-.483.129a.24.24 0 0 1-.19-.025a.25.25 0 0 1-.116-.152l-1.93-7.247a.25.25 0 0 1 .025-.19a.25.25 0 0 1 .152-.116l.482-.128a.25.25 0 0 1 .306.177l1.93 7.247a.25.25 0 0 1-.025.19z"/></svg>
</template>

CSS

.icon-library-compact {
  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%2012%2012%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M1.749%200h-.5C.559%200%200%20.559%200%201.249v9.496c0%20.69.559%201.249%201.249%201.249h.5c.69%200%201.249-.559%201.249-1.249V1.249C2.998.559%202.439%200%201.749%200m.249%2010.745a.25.25%200%200%201-.25.25h-.5a.25.25%200%200%201-.25-.25V1.249a.25.25%200%200%201%20.25-.25h.5a.25.25%200%200%201%20.25.25zM5.745%200h-.5c-.69%200-1.249.559-1.249%201.249v9.496c0%20.69.559%201.249%201.249%201.249h.5c.69%200%201.249-.559%201.249-1.249V1.249C6.994.559%206.435%200%205.745%200m.25%2010.745a.25.25%200%200%201-.25.25h-.5a.25.25%200%200%201-.25-.25V1.249a.25.25%200%200%201%20.25-.25h.5a.25.25%200%200%201%20.25.25zm5.963-.446l-1.93-7.247a1.24%201.24%200%200%200-.582-.76a1.24%201.24%200%200%200-.949-.126l-.482.128a1.24%201.24%200%200%200-.76.582a1.24%201.24%200%200%200-.126.948l1.93%207.247c.086.323.292.593.582.76a1.24%201.24%200%200%200%20.949.126l.483-.129c.323-.085.592-.292.76-.581c.167-.289.212-.625.126-.949zm-.992.448a.25.25%200%200%201-.152.116l-.483.129a.24.24%200%200%201-.19-.025a.25.25%200%200%201-.116-.152l-1.93-7.247a.25.25%200%200%201%20.025-.19a.25.25%200%200%201%20.152-.116l.482-.128a.25.25%200%200%201%20.306.177l1.93%207.247a.25.25%200%200%201-.025.19z%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%2012%2012%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M1.749%200h-.5C.559%200%200%20.559%200%201.249v9.496c0%20.69.559%201.249%201.249%201.249h.5c.69%200%201.249-.559%201.249-1.249V1.249C2.998.559%202.439%200%201.749%200m.249%2010.745a.25.25%200%200%201-.25.25h-.5a.25.25%200%200%201-.25-.25V1.249a.25.25%200%200%201%20.25-.25h.5a.25.25%200%200%201%20.25.25zM5.745%200h-.5c-.69%200-1.249.559-1.249%201.249v9.496c0%20.69.559%201.249%201.249%201.249h.5c.69%200%201.249-.559%201.249-1.249V1.249C6.994.559%206.435%200%205.745%200m.25%2010.745a.25.25%200%200%201-.25.25h-.5a.25.25%200%200%201-.25-.25V1.249a.25.25%200%200%201%20.25-.25h.5a.25.25%200%200%201%20.25.25zm5.963-.446l-1.93-7.247a1.24%201.24%200%200%200-.582-.76a1.24%201.24%200%200%200-.949-.126l-.482.128a1.24%201.24%200%200%200-.76.582a1.24%201.24%200%200%200-.126.948l1.93%207.247c.086.323.292.593.582.76a1.24%201.24%200%200%200%20.949.126l.483-.129c.323-.085.592-.292.76-.581c.167-.289.212-.625.126-.949zm-.992.448a.25.25%200%200%201-.152.116l-.483.129a.24.24%200%200%201-.19-.025a.25.25%200%200%201-.116-.152l-1.93-7.247a.25.25%200%200%201%20.025-.19a.25.25%200%200%201%20.152-.116l.482-.128a.25.25%200%200%201%20.306.177l1.93%207.247a.25.25%200%200%201-.025.19z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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