workspace studio icon
workspace-studio-outline from Material Symbols Light by Google · Outline · Apache-2.0 Free for personal and commercial use.
- Name
- workspace-studio-outline
- Set
- Material Symbols Light
- Style
- Outline
- 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.363 0-2.323-.942t-1.004-2.304q-.025-.685.226-1.322q.25-.636.732-1.116l3.335-3.31l-3.335-3.31q-.454-.448-.695-1.024q-.242-.576-.263-1.214q-.05-1.431.919-2.444T11.998 3q.668 0 1.275.246q.608.246 1.09.718l5.649 5.653q.473.478.73 1.091Q21 11.321 21 12t-.242 1.294t-.721 1.075l-5.673 5.654q-.48.479-1.087.728T12 21m-.004-1.025q.473 0 .9-.166q.429-.167.754-.5l5.748-5.748q.287-.323.444-.736q.158-.412.158-.854t-.157-.84t-.464-.731L13.65 4.677q-.333-.333-.757-.502q-.425-.17-.893-.17q-.979 0-1.653.675q-.674.674-.674 1.647q0 .489.17.906t.501.75l4.023 3.998l-4.023 4.023q-.332.333-.502.757t-.169.893q0 .97.674 1.645q.674.676 1.649.676m2.835-4.667q.1 0 .187-.037q.088-.036.163-.11l2.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.369t.15.338q.074.074.167.11q.094.038.193.038M5.86 20.006q-1.205 0-2.032-.864Q3 18.28 3 17.066q0-.61.227-1.15q.227-.541.656-.964l3.04-2.946l-3.04-2.947q-.43-.422-.656-.963T3 6.946q0-1.212.827-2.076t2.032-.864q.572 0 1.08.195t.915.607l1.261 1.255v1.421l-1.95-1.938q-.257-.258-.592-.399t-.7-.141q-.792 0-1.323.574q-.53.575-.53 1.383q0 .404.144.762t.427.621l3.74 3.66l-3.74 3.66q-.283.263-.427.624t-.145.77q0 .804.531 1.375q.53.57 1.323.57q.365 0 .7-.14q.335-.142.593-.4l1.95-1.836v1.41l-1.262 1.14q-.385.404-.904.615t-1.091.212m8.508-8.025"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightWorkspaceStudioOutline(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.363 0-2.323-.942t-1.004-2.304q-.025-.685.226-1.322q.25-.636.732-1.116l3.335-3.31l-3.335-3.31q-.454-.448-.695-1.024q-.242-.576-.263-1.214q-.05-1.431.919-2.444T11.998 3q.668 0 1.275.246q.608.246 1.09.718l5.649 5.653q.473.478.73 1.091Q21 11.321 21 12t-.242 1.294t-.721 1.075l-5.673 5.654q-.48.479-1.087.728T12 21m-.004-1.025q.473 0 .9-.166q.429-.167.754-.5l5.748-5.748q.287-.323.444-.736q.158-.412.158-.854t-.157-.84t-.464-.731L13.65 4.677q-.333-.333-.757-.502q-.425-.17-.893-.17q-.979 0-1.653.675q-.674.674-.674 1.647q0 .489.17.906t.501.75l4.023 3.998l-4.023 4.023q-.332.333-.502.757t-.169.893q0 .97.674 1.645q.674.676 1.649.676m2.835-4.667q.1 0 .187-.037q.088-.036.163-.11l2.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.369t.15.338q.074.074.167.11q.094.038.193.038M5.86 20.006q-1.205 0-2.032-.864Q3 18.28 3 17.066q0-.61.227-1.15q.227-.541.656-.964l3.04-2.946l-3.04-2.947q-.43-.422-.656-.963T3 6.946q0-1.212.827-2.076t2.032-.864q.572 0 1.08.195t.915.607l1.261 1.255v1.421l-1.95-1.938q-.257-.258-.592-.399t-.7-.141q-.792 0-1.323.574q-.53.575-.53 1.383q0 .404.144.762t.427.621l3.74 3.66l-3.74 3.66q-.283.263-.427.624t-.145.77q0 .804.531 1.375q.53.57 1.323.57q.365 0 .7-.14q.335-.142.593-.4l1.95-1.836v1.41l-1.262 1.14q-.385.404-.904.615t-1.091.212m8.508-8.025"/></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.363 0-2.323-.942t-1.004-2.304q-.025-.685.226-1.322q.25-.636.732-1.116l3.335-3.31l-3.335-3.31q-.454-.448-.695-1.024q-.242-.576-.263-1.214q-.05-1.431.919-2.444T11.998 3q.668 0 1.275.246q.608.246 1.09.718l5.649 5.653q.473.478.73 1.091Q21 11.321 21 12t-.242 1.294t-.721 1.075l-5.673 5.654q-.48.479-1.087.728T12 21m-.004-1.025q.473 0 .9-.166q.429-.167.754-.5l5.748-5.748q.287-.323.444-.736q.158-.412.158-.854t-.157-.84t-.464-.731L13.65 4.677q-.333-.333-.757-.502q-.425-.17-.893-.17q-.979 0-1.653.675q-.674.674-.674 1.647q0 .489.17.906t.501.75l4.023 3.998l-4.023 4.023q-.332.333-.502.757t-.169.893q0 .97.674 1.645q.674.676 1.649.676m2.835-4.667q.1 0 .187-.037q.088-.036.163-.11l2.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.369t.15.338q.074.074.167.11q.094.038.193.038M5.86 20.006q-1.205 0-2.032-.864Q3 18.28 3 17.066q0-.61.227-1.15q.227-.541.656-.964l3.04-2.946l-3.04-2.947q-.43-.422-.656-.963T3 6.946q0-1.212.827-2.076t2.032-.864q.572 0 1.08.195t.915.607l1.261 1.255v1.421l-1.95-1.938q-.257-.258-.592-.399t-.7-.141q-.792 0-1.323.574q-.53.575-.53 1.383q0 .404.144.762t.427.621l3.74 3.66l-3.74 3.66q-.283.263-.427.624t-.145.77q0 .804.531 1.375q.53.57 1.323.57q.365 0 .7-.14q.335-.142.593-.4l1.95-1.836v1.41l-1.262 1.14q-.385.404-.904.615t-1.091.212m8.508-8.025"/></svg> </template>
CSS
.icon-workspace-studio-outline {
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.363%200-2.323-.942t-1.004-2.304q-.025-.685.226-1.322q.25-.636.732-1.116l3.335-3.31l-3.335-3.31q-.454-.448-.695-1.024q-.242-.576-.263-1.214q-.05-1.431.919-2.444T11.998%203q.668%200%201.275.246q.608.246%201.09.718l5.649%205.653q.473.478.73%201.091Q21%2011.321%2021%2012t-.242%201.294t-.721%201.075l-5.673%205.654q-.48.479-1.087.728T12%2021m-.004-1.025q.473%200%20.9-.166q.429-.167.754-.5l5.748-5.748q.287-.323.444-.736q.158-.412.158-.854t-.157-.84t-.464-.731L13.65%204.677q-.333-.333-.757-.502q-.425-.17-.893-.17q-.979%200-1.653.675q-.674.674-.674%201.647q0%20.489.17.906t.501.75l4.023%203.998l-4.023%204.023q-.332.333-.502.757t-.169.893q0%20.97.674%201.645q.674.676%201.649.676m2.835-4.667q.1%200%20.187-.037q.088-.036.163-.11l2.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.369t.15.338q.074.074.167.11q.094.038.193.038M5.86%2020.006q-1.205%200-2.032-.864Q3%2018.28%203%2017.066q0-.61.227-1.15q.227-.541.656-.964l3.04-2.946l-3.04-2.947q-.43-.422-.656-.963T3%206.946q0-1.212.827-2.076t2.032-.864q.572%200%201.08.195t.915.607l1.261%201.255v1.421l-1.95-1.938q-.257-.258-.592-.399t-.7-.141q-.792%200-1.323.574q-.53.575-.53%201.383q0%20.404.144.762t.427.621l3.74%203.66l-3.74%203.66q-.283.263-.427.624t-.145.77q0%20.804.531%201.375q.53.57%201.323.57q.365%200%20.7-.14q.335-.142.593-.4l1.95-1.836v1.41l-1.262%201.14q-.385.404-.904.615t-1.091.212m8.508-8.025%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.363%200-2.323-.942t-1.004-2.304q-.025-.685.226-1.322q.25-.636.732-1.116l3.335-3.31l-3.335-3.31q-.454-.448-.695-1.024q-.242-.576-.263-1.214q-.05-1.431.919-2.444T11.998%203q.668%200%201.275.246q.608.246%201.09.718l5.649%205.653q.473.478.73%201.091Q21%2011.321%2021%2012t-.242%201.294t-.721%201.075l-5.673%205.654q-.48.479-1.087.728T12%2021m-.004-1.025q.473%200%20.9-.166q.429-.167.754-.5l5.748-5.748q.287-.323.444-.736q.158-.412.158-.854t-.157-.84t-.464-.731L13.65%204.677q-.333-.333-.757-.502q-.425-.17-.893-.17q-.979%200-1.653.675q-.674.674-.674%201.647q0%20.489.17.906t.501.75l4.023%203.998l-4.023%204.023q-.332.333-.502.757t-.169.893q0%20.97.674%201.645q.674.676%201.649.676m2.835-4.667q.1%200%20.187-.037q.088-.036.163-.11l2.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.369t.15.338q.074.074.167.11q.094.038.193.038M5.86%2020.006q-1.205%200-2.032-.864Q3%2018.28%203%2017.066q0-.61.227-1.15q.227-.541.656-.964l3.04-2.946l-3.04-2.947q-.43-.422-.656-.963T3%206.946q0-1.212.827-2.076t2.032-.864q.572%200%201.08.195t.915.607l1.261%201.255v1.421l-1.95-1.938q-.257-.258-.592-.399t-.7-.141q-.792%200-1.323.574q-.53.575-.53%201.383q0%20.404.144.762t.427.621l3.74%203.66l-3.74%203.66q-.283.263-.427.624t-.145.77q0%20.804.531%201.375q.53.57%201.323.57q.365%200%20.7-.14q.335-.142.593-.4l1.95-1.836v1.41l-1.262%201.14q-.385.404-.904.615t-1.091.212m8.508-8.025%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-outline.svg?color=%231a73e8&size=48
