spatial gallery icon
spatial-gallery-rounded from Material Symbols by Google · Rounded · Images · Apache-2.0 Free for personal and commercial use.
- Name
- spatial-gallery-rounded
- Set
- Material Symbols
- Style
- Rounded
- Category
- Images
- Viewbox
- 24×24
- License
- Apache 2.0
3 other variants in Material Symbols
The same icon in other sets
More images icons from Material Symbols
Use the spatial gallery icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.5 18.125q-.425 0-.712-.288t-.288-.712V14q0-.425.288-.712T10.5 13h3q.425 0 .713.288T14.5 14v3.125q0 .425-.288.713t-.712.287zm0-7q-.425 0-.712-.288t-.288-.712V7q0-.425.288-.712T10.5 6h3q.425 0 .713.288T14.5 7v3.125q0 .425-.288.713t-.712.287zm-7.5 0q-.425 0-.712-.288T2 10.126v-4.8q0-.5.388-.788t.887-.162l3.5 1q.325.1.525.35t.2.6v3.8q0 .425-.287.713t-.713.287zm.25 8.55q-.475.125-.862-.175T2 18.7V14q0-.425.288-.712T3 13h3.5q.425 0 .713.288T7.5 14v3.775q0 .35-.2.613t-.55.362zM22 18.7q0 .5-.387.8t-.863.175l-3.5-.925q-.35-.1-.55-.363t-.2-.612V14q0-.425.288-.712T17.5 13H21q.425 0 .713.288T22 14zm-4.5-7.575q-.425 0-.712-.288t-.288-.712v-3.75q0-.35.213-.612t.537-.363l3.5-.925q.475-.125.863.163t.387.787v4.7q0 .425-.288.713t-.712.287z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsSpatialGalleryRounded(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="M10.5 18.125q-.425 0-.712-.288t-.288-.712V14q0-.425.288-.712T10.5 13h3q.425 0 .713.288T14.5 14v3.125q0 .425-.288.713t-.712.287zm0-7q-.425 0-.712-.288t-.288-.712V7q0-.425.288-.712T10.5 6h3q.425 0 .713.288T14.5 7v3.125q0 .425-.288.713t-.712.287zm-7.5 0q-.425 0-.712-.288T2 10.126v-4.8q0-.5.388-.788t.887-.162l3.5 1q.325.1.525.35t.2.6v3.8q0 .425-.287.713t-.713.287zm.25 8.55q-.475.125-.862-.175T2 18.7V14q0-.425.288-.712T3 13h3.5q.425 0 .713.288T7.5 14v3.775q0 .35-.2.613t-.55.362zM22 18.7q0 .5-.387.8t-.863.175l-3.5-.925q-.35-.1-.55-.363t-.2-.612V14q0-.425.288-.712T17.5 13H21q.425 0 .713.288T22 14zm-4.5-7.575q-.425 0-.712-.288t-.288-.712v-3.75q0-.35.213-.612t.537-.363l3.5-.925q.475-.125.863.163t.387.787v4.7q0 .425-.288.713t-.712.287z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.5 18.125q-.425 0-.712-.288t-.288-.712V14q0-.425.288-.712T10.5 13h3q.425 0 .713.288T14.5 14v3.125q0 .425-.288.713t-.712.287zm0-7q-.425 0-.712-.288t-.288-.712V7q0-.425.288-.712T10.5 6h3q.425 0 .713.288T14.5 7v3.125q0 .425-.288.713t-.712.287zm-7.5 0q-.425 0-.712-.288T2 10.126v-4.8q0-.5.388-.788t.887-.162l3.5 1q.325.1.525.35t.2.6v3.8q0 .425-.287.713t-.713.287zm.25 8.55q-.475.125-.862-.175T2 18.7V14q0-.425.288-.712T3 13h3.5q.425 0 .713.288T7.5 14v3.775q0 .35-.2.613t-.55.362zM22 18.7q0 .5-.387.8t-.863.175l-3.5-.925q-.35-.1-.55-.363t-.2-.612V14q0-.425.288-.712T17.5 13H21q.425 0 .713.288T22 14zm-4.5-7.575q-.425 0-.712-.288t-.288-.712v-3.75q0-.35.213-.612t.537-.363l3.5-.925q.475-.125.863.163t.387.787v4.7q0 .425-.288.713t-.712.287z"/></svg> </template>
CSS
.icon-spatial-gallery-rounded {
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%22M10.5%2018.125q-.425%200-.712-.288t-.288-.712V14q0-.425.288-.712T10.5%2013h3q.425%200%20.713.288T14.5%2014v3.125q0%20.425-.288.713t-.712.287zm0-7q-.425%200-.712-.288t-.288-.712V7q0-.425.288-.712T10.5%206h3q.425%200%20.713.288T14.5%207v3.125q0%20.425-.288.713t-.712.287zm-7.5%200q-.425%200-.712-.288T2%2010.126v-4.8q0-.5.388-.788t.887-.162l3.5%201q.325.1.525.35t.2.6v3.8q0%20.425-.287.713t-.713.287zm.25%208.55q-.475.125-.862-.175T2%2018.7V14q0-.425.288-.712T3%2013h3.5q.425%200%20.713.288T7.5%2014v3.775q0%20.35-.2.613t-.55.362zM22%2018.7q0%20.5-.387.8t-.863.175l-3.5-.925q-.35-.1-.55-.363t-.2-.612V14q0-.425.288-.712T17.5%2013H21q.425%200%20.713.288T22%2014zm-4.5-7.575q-.425%200-.712-.288t-.288-.712v-3.75q0-.35.213-.612t.537-.363l3.5-.925q.475-.125.863.163t.387.787v4.7q0%20.425-.288.713t-.712.287z%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%22M10.5%2018.125q-.425%200-.712-.288t-.288-.712V14q0-.425.288-.712T10.5%2013h3q.425%200%20.713.288T14.5%2014v3.125q0%20.425-.288.713t-.712.287zm0-7q-.425%200-.712-.288t-.288-.712V7q0-.425.288-.712T10.5%206h3q.425%200%20.713.288T14.5%207v3.125q0%20.425-.288.713t-.712.287zm-7.5%200q-.425%200-.712-.288T2%2010.126v-4.8q0-.5.388-.788t.887-.162l3.5%201q.325.1.525.35t.2.6v3.8q0%20.425-.287.713t-.713.287zm.25%208.55q-.475.125-.862-.175T2%2018.7V14q0-.425.288-.712T3%2013h3.5q.425%200%20.713.288T7.5%2014v3.775q0%20.35-.2.613t-.55.362zM22%2018.7q0%20.5-.387.8t-.863.175l-3.5-.925q-.35-.1-.55-.363t-.2-.612V14q0-.425.288-.712T17.5%2013H21q.425%200%20.713.288T22%2014zm-4.5-7.575q-.425%200-.712-.288t-.288-.712v-3.75q0-.35.213-.612t.537-.363l3.5-.925q.475-.125.863.163t.387.787v4.7q0%20.425-.288.713t-.712.287z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/spatial-gallery-rounded.svg?color=%231a73e8&size=48
