workspace studio icon
workspace-studio from Material Symbols Light by Google · Regular · Apache-2.0 Free for personal and commercial use.
- Name
- workspace-studio
- Set
- Material Symbols Light
- Style
- Regular
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Material Symbols Light
The same icon in other sets
Related icons in Material Symbols Light
Use the workspace studio icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 21q-1.362 0-2.322-.942q-.96-.943-1.005-2.304q-.025-.685.227-1.322t.73-1.116l3.335-3.31l-3.334-3.31q-.454-.448-.693-1.023t-.265-1.215q-.05-1.431.92-2.444T12 3q.666 0 1.275.242t1.089.721l5.647 5.654q.48.48.734 1.092T21 12.006q0 .665-.242 1.285t-.721 1.078l-5.673 5.654q-.48.479-1.089.728T12 21m-6.134-.994q-1.206 0-2.036-.868T3 17.066q0-.61.227-1.15t.656-.963l3.04-2.946l-3.04-2.947q-.43-.422-.656-.963T3 6.946q0-1.212.83-2.076t2.035-.864q.23 0 .452.04q.223.04.44.102q-.234.565-.364 1.161T6.29 6.527q.05 1.079.458 2.087t1.19 1.77l1.64 1.622l-1.64 1.621q-.856.83-1.275 1.927t-.374 2.263q.025.527.13 1.042q.105.514.32 1.004q-.217.062-.43.102q-.214.04-.443.04m8.602-4.844q.152.147.37.156q.217.01.344-.156l2.165-2.159q.218-.198.32-.458q.101-.26.101-.563t-.101-.554t-.32-.467L15.181 8.8q-.146-.146-.347-.146t-.367.146q-.146.166-.146.366q0 .201.146.348l2.05 2.044q.193.192.193.433q0 .24-.193.432l-2.05 2.03q-.146.166-.146.367t.146.342"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightWorkspaceStudio(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="M12 21q-1.362 0-2.322-.942q-.96-.943-1.005-2.304q-.025-.685.227-1.322t.73-1.116l3.335-3.31l-3.334-3.31q-.454-.448-.693-1.023t-.265-1.215q-.05-1.431.92-2.444T12 3q.666 0 1.275.242t1.089.721l5.647 5.654q.48.48.734 1.092T21 12.006q0 .665-.242 1.285t-.721 1.078l-5.673 5.654q-.48.479-1.089.728T12 21m-6.134-.994q-1.206 0-2.036-.868T3 17.066q0-.61.227-1.15t.656-.963l3.04-2.946l-3.04-2.947q-.43-.422-.656-.963T3 6.946q0-1.212.83-2.076t2.035-.864q.23 0 .452.04q.223.04.44.102q-.234.565-.364 1.161T6.29 6.527q.05 1.079.458 2.087t1.19 1.77l1.64 1.622l-1.64 1.621q-.856.83-1.275 1.927t-.374 2.263q.025.527.13 1.042q.105.514.32 1.004q-.217.062-.43.102q-.214.04-.443.04m8.602-4.844q.152.147.37.156q.217.01.344-.156l2.165-2.159q.218-.198.32-.458q.101-.26.101-.563t-.101-.554t-.32-.467L15.181 8.8q-.146-.146-.347-.146t-.367.146q-.146.166-.146.366q0 .201.146.348l2.05 2.044q.193.192.193.433q0 .24-.193.432l-2.05 2.03q-.146.166-.146.367t.146.342"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 21q-1.362 0-2.322-.942q-.96-.943-1.005-2.304q-.025-.685.227-1.322t.73-1.116l3.335-3.31l-3.334-3.31q-.454-.448-.693-1.023t-.265-1.215q-.05-1.431.92-2.444T12 3q.666 0 1.275.242t1.089.721l5.647 5.654q.48.48.734 1.092T21 12.006q0 .665-.242 1.285t-.721 1.078l-5.673 5.654q-.48.479-1.089.728T12 21m-6.134-.994q-1.206 0-2.036-.868T3 17.066q0-.61.227-1.15t.656-.963l3.04-2.946l-3.04-2.947q-.43-.422-.656-.963T3 6.946q0-1.212.83-2.076t2.035-.864q.23 0 .452.04q.223.04.44.102q-.234.565-.364 1.161T6.29 6.527q.05 1.079.458 2.087t1.19 1.77l1.64 1.622l-1.64 1.621q-.856.83-1.275 1.927t-.374 2.263q.025.527.13 1.042q.105.514.32 1.004q-.217.062-.43.102q-.214.04-.443.04m8.602-4.844q.152.147.37.156q.217.01.344-.156l2.165-2.159q.218-.198.32-.458q.101-.26.101-.563t-.101-.554t-.32-.467L15.181 8.8q-.146-.146-.347-.146t-.367.146q-.146.166-.146.366q0 .201.146.348l2.05 2.044q.193.192.193.433q0 .24-.193.432l-2.05 2.03q-.146.166-.146.367t.146.342"/></svg> </template>
CSS
.icon-workspace-studio {
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%22M12%2021q-1.362%200-2.322-.942q-.96-.943-1.005-2.304q-.025-.685.227-1.322t.73-1.116l3.335-3.31l-3.334-3.31q-.454-.448-.693-1.023t-.265-1.215q-.05-1.431.92-2.444T12%203q.666%200%201.275.242t1.089.721l5.647%205.654q.48.48.734%201.092T21%2012.006q0%20.665-.242%201.285t-.721%201.078l-5.673%205.654q-.48.479-1.089.728T12%2021m-6.134-.994q-1.206%200-2.036-.868T3%2017.066q0-.61.227-1.15t.656-.963l3.04-2.946l-3.04-2.947q-.43-.422-.656-.963T3%206.946q0-1.212.83-2.076t2.035-.864q.23%200%20.452.04q.223.04.44.102q-.234.565-.364%201.161T6.29%206.527q.05%201.079.458%202.087t1.19%201.77l1.64%201.622l-1.64%201.621q-.856.83-1.275%201.927t-.374%202.263q.025.527.13%201.042q.105.514.32%201.004q-.217.062-.43.102q-.214.04-.443.04m8.602-4.844q.152.147.37.156q.217.01.344-.156l2.165-2.159q.218-.198.32-.458q.101-.26.101-.563t-.101-.554t-.32-.467L15.181%208.8q-.146-.146-.347-.146t-.367.146q-.146.166-.146.366q0%20.201.146.348l2.05%202.044q.193.192.193.433q0%20.24-.193.432l-2.05%202.03q-.146.166-.146.367t.146.342%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%22M12%2021q-1.362%200-2.322-.942q-.96-.943-1.005-2.304q-.025-.685.227-1.322t.73-1.116l3.335-3.31l-3.334-3.31q-.454-.448-.693-1.023t-.265-1.215q-.05-1.431.92-2.444T12%203q.666%200%201.275.242t1.089.721l5.647%205.654q.48.48.734%201.092T21%2012.006q0%20.665-.242%201.285t-.721%201.078l-5.673%205.654q-.48.479-1.089.728T12%2021m-6.134-.994q-1.206%200-2.036-.868T3%2017.066q0-.61.227-1.15t.656-.963l3.04-2.946l-3.04-2.947q-.43-.422-.656-.963T3%206.946q0-1.212.83-2.076t2.035-.864q.23%200%20.452.04q.223.04.44.102q-.234.565-.364%201.161T6.29%206.527q.05%201.079.458%202.087t1.19%201.77l1.64%201.622l-1.64%201.621q-.856.83-1.275%201.927t-.374%202.263q.025.527.13%201.042q.105.514.32%201.004q-.217.062-.43.102q-.214.04-.443.04m8.602-4.844q.152.147.37.156q.217.01.344-.156l2.165-2.159q.218-.198.32-.458q.101-.26.101-.563t-.101-.554t-.32-.467L15.181%208.8q-.146-.146-.347-.146t-.367.146q-.146.166-.146.366q0%20.201.146.348l2.05%202.044q.193.192.193.433q0%20.24-.193.432l-2.05%202.03q-.146.166-.146.367t.146.342%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/workspace-studio.svg?color=%231a73e8&size=48
