workspace studio icon
workspace-studio from Material Symbols by Google · Regular · Apache-2.0 Free for personal and commercial use.
- Name
- workspace-studio
- Set
- Material Symbols
- Style
- Regular
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Material Symbols
The same icon in other sets
Related icons in Material Symbols
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 22q-1.65 0-2.812-1.125T8 18.1q-.025-.8.275-1.562T9.15 15.2l3.2-3.175l-3.2-3.175q-.55-.525-.837-1.225T8 6.15q-.05-1.7 1.113-2.925T12 2q.8 0 1.525.3t1.3.875l5.975 6q.575.575.888 1.313T22 12.025t-.3 1.525t-.875 1.3l-6 6q-.575.575-1.3.863T12 22m-6.5-.975q-1.475 0-2.488-1.05T2 17.45q0-.725.275-1.4t.8-1.175L6 12.025l-2.925-2.85q-.525-.5-.8-1.175T2 6.6q0-1.5 1.012-2.537T5.5 3.024q.325 0 .625.05t.575.15q-.35.7-.537 1.45T6 6.2q.05 1.175.488 2.213t1.237 1.837L9.5 12.025L7.725 13.8q-.875.85-1.312 1.975T6 18.125q.025.7.188 1.388t.512 1.312q-.275.1-.575.15t-.625.05m8.775-5.325q.325.3.725.3t.7-.3l2.3-2.275q.275-.275.425-.65t.15-.775t-.15-.775t-.425-.65L15.7 8.3q-.3-.3-.712-.3t-.713.3t-.3.713t.3.712l2.3 2.275l-2.3 2.3q-.3.3-.3.713t.3.687"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsWorkspaceStudio(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 22q-1.65 0-2.812-1.125T8 18.1q-.025-.8.275-1.562T9.15 15.2l3.2-3.175l-3.2-3.175q-.55-.525-.837-1.225T8 6.15q-.05-1.7 1.113-2.925T12 2q.8 0 1.525.3t1.3.875l5.975 6q.575.575.888 1.313T22 12.025t-.3 1.525t-.875 1.3l-6 6q-.575.575-1.3.863T12 22m-6.5-.975q-1.475 0-2.488-1.05T2 17.45q0-.725.275-1.4t.8-1.175L6 12.025l-2.925-2.85q-.525-.5-.8-1.175T2 6.6q0-1.5 1.012-2.537T5.5 3.024q.325 0 .625.05t.575.15q-.35.7-.537 1.45T6 6.2q.05 1.175.488 2.213t1.237 1.837L9.5 12.025L7.725 13.8q-.875.85-1.312 1.975T6 18.125q.025.7.188 1.388t.512 1.312q-.275.1-.575.15t-.625.05m8.775-5.325q.325.3.725.3t.7-.3l2.3-2.275q.275-.275.425-.65t.15-.775t-.15-.775t-.425-.65L15.7 8.3q-.3-.3-.712-.3t-.713.3t-.3.713t.3.712l2.3 2.275l-2.3 2.3q-.3.3-.3.713t.3.687"/></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 22q-1.65 0-2.812-1.125T8 18.1q-.025-.8.275-1.562T9.15 15.2l3.2-3.175l-3.2-3.175q-.55-.525-.837-1.225T8 6.15q-.05-1.7 1.113-2.925T12 2q.8 0 1.525.3t1.3.875l5.975 6q.575.575.888 1.313T22 12.025t-.3 1.525t-.875 1.3l-6 6q-.575.575-1.3.863T12 22m-6.5-.975q-1.475 0-2.488-1.05T2 17.45q0-.725.275-1.4t.8-1.175L6 12.025l-2.925-2.85q-.525-.5-.8-1.175T2 6.6q0-1.5 1.012-2.537T5.5 3.024q.325 0 .625.05t.575.15q-.35.7-.537 1.45T6 6.2q.05 1.175.488 2.213t1.237 1.837L9.5 12.025L7.725 13.8q-.875.85-1.312 1.975T6 18.125q.025.7.188 1.388t.512 1.312q-.275.1-.575.15t-.625.05m8.775-5.325q.325.3.725.3t.7-.3l2.3-2.275q.275-.275.425-.65t.15-.775t-.15-.775t-.425-.65L15.7 8.3q-.3-.3-.712-.3t-.713.3t-.3.713t.3.712l2.3 2.275l-2.3 2.3q-.3.3-.3.713t.3.687"/></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%2022q-1.65%200-2.812-1.125T8%2018.1q-.025-.8.275-1.562T9.15%2015.2l3.2-3.175l-3.2-3.175q-.55-.525-.837-1.225T8%206.15q-.05-1.7%201.113-2.925T12%202q.8%200%201.525.3t1.3.875l5.975%206q.575.575.888%201.313T22%2012.025t-.3%201.525t-.875%201.3l-6%206q-.575.575-1.3.863T12%2022m-6.5-.975q-1.475%200-2.488-1.05T2%2017.45q0-.725.275-1.4t.8-1.175L6%2012.025l-2.925-2.85q-.525-.5-.8-1.175T2%206.6q0-1.5%201.012-2.537T5.5%203.024q.325%200%20.625.05t.575.15q-.35.7-.537%201.45T6%206.2q.05%201.175.488%202.213t1.237%201.837L9.5%2012.025L7.725%2013.8q-.875.85-1.312%201.975T6%2018.125q.025.7.188%201.388t.512%201.312q-.275.1-.575.15t-.625.05m8.775-5.325q.325.3.725.3t.7-.3l2.3-2.275q.275-.275.425-.65t.15-.775t-.15-.775t-.425-.65L15.7%208.3q-.3-.3-.712-.3t-.713.3t-.3.713t.3.712l2.3%202.275l-2.3%202.3q-.3.3-.3.713t.3.687%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%2022q-1.65%200-2.812-1.125T8%2018.1q-.025-.8.275-1.562T9.15%2015.2l3.2-3.175l-3.2-3.175q-.55-.525-.837-1.225T8%206.15q-.05-1.7%201.113-2.925T12%202q.8%200%201.525.3t1.3.875l5.975%206q.575.575.888%201.313T22%2012.025t-.3%201.525t-.875%201.3l-6%206q-.575.575-1.3.863T12%2022m-6.5-.975q-1.475%200-2.488-1.05T2%2017.45q0-.725.275-1.4t.8-1.175L6%2012.025l-2.925-2.85q-.525-.5-.8-1.175T2%206.6q0-1.5%201.012-2.537T5.5%203.024q.325%200%20.625.05t.575.15q-.35.7-.537%201.45T6%206.2q.05%201.175.488%202.213t1.237%201.837L9.5%2012.025L7.725%2013.8q-.875.85-1.312%201.975T6%2018.125q.025.7.188%201.388t.512%201.312q-.275.1-.575.15t-.625.05m8.775-5.325q.325.3.725.3t.7-.3l2.3-2.275q.275-.275.425-.65t.15-.775t-.15-.775t-.425-.65L15.7%208.3q-.3-.3-.712-.3t-.713.3t-.3.713t.3.712l2.3%202.275l-2.3%202.3q-.3.3-.3.713t.3.687%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/workspace-studio.svg?color=%231a73e8&size=48
