file media compact icon
file-media-compact from Codicons by Microsoft Corporation · Regular · CC-BY-4.0 Attribution required.
- Name
- file-media-compact
- Set
- Codicons
- Style
- Regular
- Viewbox
- 12×12
- License
- CC BY 4.0
Related icons in Codicons
Use the file media compact icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 12 12"><g fill="currentColor"><path d="M3.33 9.07c.1-.1.25-.1.35 0l2.59 2.59c-.29.2-.64.33-1.02.33h-3.5c-.38 0-.73-.12-1.02-.33l2.59-2.59z"/><path fill-rule="evenodd" d="M7.34 0c.39 0 .78.16 1.06.44l2.16 2.16c.28.28.44.67.44 1.06V9.5c0 .83-.67 1.5-1.5 1.5H7.88c.07-.24.12-.49.12-.75V10h1.5c.28 0 .5-.22.5-.5V4H8c-.55 0-1-.45-1-1V1H3.5c-.28 0-.5.22-.5.5V4H2V1.5C2 .67 2.67 0 3.5 0zM8 3h1.54L8 1.46z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M5.26 5c.97 0 1.75.78 1.75 1.75v3.5c0 .22-.05.43-.12.62l-2.5-2.5c-.48-.48-1.29-.48-1.77 0l-2.5 2.5c-.08-.2-.12-.4-.12-.62v-3.5C0 5.78.78 5 1.75 5zm-.01 1c-.41 0-.75.34-.75.75s.34.75.75.75s.75-.34.75-.75S5.66 6 5.25 6" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function CodiconFileMediaCompact(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 12 12"><g fill="currentColor"><path d="M3.33 9.07c.1-.1.25-.1.35 0l2.59 2.59c-.29.2-.64.33-1.02.33h-3.5c-.38 0-.73-.12-1.02-.33l2.59-2.59z"/><path fillRule="evenodd" d="M7.34 0c.39 0 .78.16 1.06.44l2.16 2.16c.28.28.44.67.44 1.06V9.5c0 .83-.67 1.5-1.5 1.5H7.88c.07-.24.12-.49.12-.75V10h1.5c.28 0 .5-.22.5-.5V4H8c-.55 0-1-.45-1-1V1H3.5c-.28 0-.5.22-.5.5V4H2V1.5C2 .67 2.67 0 3.5 0zM8 3h1.54L8 1.46z" clipRule="evenodd"/><path fillRule="evenodd" d="M5.26 5c.97 0 1.75.78 1.75 1.75v3.5c0 .22-.05.43-.12.62l-2.5-2.5c-.48-.48-1.29-.48-1.77 0l-2.5 2.5c-.08-.2-.12-.4-.12-.62v-3.5C0 5.78.78 5 1.75 5zm-.01 1c-.41 0-.75.34-.75.75s.34.75.75.75s.75-.34.75-.75S5.66 6 5.25 6" clipRule="evenodd"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 12 12"><g fill="currentColor"><path d="M3.33 9.07c.1-.1.25-.1.35 0l2.59 2.59c-.29.2-.64.33-1.02.33h-3.5c-.38 0-.73-.12-1.02-.33l2.59-2.59z"/><path fill-rule="evenodd" d="M7.34 0c.39 0 .78.16 1.06.44l2.16 2.16c.28.28.44.67.44 1.06V9.5c0 .83-.67 1.5-1.5 1.5H7.88c.07-.24.12-.49.12-.75V10h1.5c.28 0 .5-.22.5-.5V4H8c-.55 0-1-.45-1-1V1H3.5c-.28 0-.5.22-.5.5V4H2V1.5C2 .67 2.67 0 3.5 0zM8 3h1.54L8 1.46z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M5.26 5c.97 0 1.75.78 1.75 1.75v3.5c0 .22-.05.43-.12.62l-2.5-2.5c-.48-.48-1.29-.48-1.77 0l-2.5 2.5c-.08-.2-.12-.4-.12-.62v-3.5C0 5.78.78 5 1.75 5zm-.01 1c-.41 0-.75.34-.75.75s.34.75.75.75s.75-.34.75-.75S5.66 6 5.25 6" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-file-media-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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M3.33%209.07c.1-.1.25-.1.35%200l2.59%202.59c-.29.2-.64.33-1.02.33h-3.5c-.38%200-.73-.12-1.02-.33l2.59-2.59z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M7.34%200c.39%200%20.78.16%201.06.44l2.16%202.16c.28.28.44.67.44%201.06V9.5c0%20.83-.67%201.5-1.5%201.5H7.88c.07-.24.12-.49.12-.75V10h1.5c.28%200%20.5-.22.5-.5V4H8c-.55%200-1-.45-1-1V1H3.5c-.28%200-.5.22-.5.5V4H2V1.5C2%20.67%202.67%200%203.5%200zM8%203h1.54L8%201.46z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M5.26%205c.97%200%201.75.78%201.75%201.75v3.5c0%20.22-.05.43-.12.62l-2.5-2.5c-.48-.48-1.29-.48-1.77%200l-2.5%202.5c-.08-.2-.12-.4-.12-.62v-3.5C0%205.78.78%205%201.75%205zm-.01%201c-.41%200-.75.34-.75.75s.34.75.75.75s.75-.34.75-.75S5.66%206%205.25%206%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M3.33%209.07c.1-.1.25-.1.35%200l2.59%202.59c-.29.2-.64.33-1.02.33h-3.5c-.38%200-.73-.12-1.02-.33l2.59-2.59z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M7.34%200c.39%200%20.78.16%201.06.44l2.16%202.16c.28.28.44.67.44%201.06V9.5c0%20.83-.67%201.5-1.5%201.5H7.88c.07-.24.12-.49.12-.75V10h1.5c.28%200%20.5-.22.5-.5V4H8c-.55%200-1-.45-1-1V1H3.5c-.28%200-.5.22-.5.5V4H2V1.5C2%20.67%202.67%200%203.5%200zM8%203h1.54L8%201.46z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M5.26%205c.97%200%201.75.78%201.75%201.75v3.5c0%20.22-.05.43-.12.62l-2.5-2.5c-.48-.48-1.29-.48-1.77%200l-2.5%202.5c-.08-.2-.12-.4-.12-.62v-3.5C0%205.78.78%205%201.75%205zm-.01%201c-.41%200-.75.34-.75.75s.34.75.75.75s.75-.34.75-.75S5.66%206%205.25%206%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/codicon/file-media-compact.svg?color=%231a73e8&size=48
