3d 2 icon
3d-2 from Material Symbols by Google · Regular · Audio & Video · Apache-2.0 Free for personal and commercial use.
- Name
- 3d-2
- Set
- Material Symbols
- Style
- Regular
- Category
- Audio & Video
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- 3d-2-outline, 3d-2-outline-sharp, 3d-2-sharp
1 other variant in Material Symbols
The same icon in other sets
More audio & video icons from Material Symbols
Use the 3d 2 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.25 17.025V7h3.325Q18 7 19.288 8.288T20.575 12t-1.3 3.725t-3.7 1.3zm1.875-1.8H15.5q1.65 0 2.425-.787T18.7 12t-.775-2.437t-2.425-.788h-1.375zM6.9 17.25q-1.475 0-2.4-.763T3.425 14.3l1.8-.35q.125.725.538 1.138T6.9 15.5q.7 0 1.125-.387t.425-1.063q0-.65-.45-1.075t-1.275-.425h-.8v-1.6h.75q.75 0 1.125-.35t.375-.925t-.363-.913t-.962-.337q-.575 0-.937.3T5.4 9.6l-1.775-.2q.2-1.325 1.05-1.975t2.2-.65q1.375 0 2.238.688t.862 2.012q0 .75-.337 1.263t-.888.862v.1q.75.275 1.15.975t.4 1.525q0 1.475-.937 2.263T6.9 17.25"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbols3d2(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.25 17.025V7h3.325Q18 7 19.288 8.288T20.575 12t-1.3 3.725t-3.7 1.3zm1.875-1.8H15.5q1.65 0 2.425-.787T18.7 12t-.775-2.437t-2.425-.788h-1.375zM6.9 17.25q-1.475 0-2.4-.763T3.425 14.3l1.8-.35q.125.725.538 1.138T6.9 15.5q.7 0 1.125-.387t.425-1.063q0-.65-.45-1.075t-1.275-.425h-.8v-1.6h.75q.75 0 1.125-.35t.375-.925t-.363-.913t-.962-.337q-.575 0-.937.3T5.4 9.6l-1.775-.2q.2-1.325 1.05-1.975t2.2-.65q1.375 0 2.238.688t.862 2.012q0 .75-.337 1.263t-.888.862v.1q.75.275 1.15.975t.4 1.525q0 1.475-.937 2.263T6.9 17.25"/></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.25 17.025V7h3.325Q18 7 19.288 8.288T20.575 12t-1.3 3.725t-3.7 1.3zm1.875-1.8H15.5q1.65 0 2.425-.787T18.7 12t-.775-2.437t-2.425-.788h-1.375zM6.9 17.25q-1.475 0-2.4-.763T3.425 14.3l1.8-.35q.125.725.538 1.138T6.9 15.5q.7 0 1.125-.387t.425-1.063q0-.65-.45-1.075t-1.275-.425h-.8v-1.6h.75q.75 0 1.125-.35t.375-.925t-.363-.913t-.962-.337q-.575 0-.937.3T5.4 9.6l-1.775-.2q.2-1.325 1.05-1.975t2.2-.65q1.375 0 2.238.688t.862 2.012q0 .75-.337 1.263t-.888.862v.1q.75.275 1.15.975t.4 1.525q0 1.475-.937 2.263T6.9 17.25"/></svg> </template>
CSS
.icon-3d-2 {
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.25%2017.025V7h3.325Q18%207%2019.288%208.288T20.575%2012t-1.3%203.725t-3.7%201.3zm1.875-1.8H15.5q1.65%200%202.425-.787T18.7%2012t-.775-2.437t-2.425-.788h-1.375zM6.9%2017.25q-1.475%200-2.4-.763T3.425%2014.3l1.8-.35q.125.725.538%201.138T6.9%2015.5q.7%200%201.125-.387t.425-1.063q0-.65-.45-1.075t-1.275-.425h-.8v-1.6h.75q.75%200%201.125-.35t.375-.925t-.363-.913t-.962-.337q-.575%200-.937.3T5.4%209.6l-1.775-.2q.2-1.325%201.05-1.975t2.2-.65q1.375%200%202.238.688t.862%202.012q0%20.75-.337%201.263t-.888.862v.1q.75.275%201.15.975t.4%201.525q0%201.475-.937%202.263T6.9%2017.25%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.25%2017.025V7h3.325Q18%207%2019.288%208.288T20.575%2012t-1.3%203.725t-3.7%201.3zm1.875-1.8H15.5q1.65%200%202.425-.787T18.7%2012t-.775-2.437t-2.425-.788h-1.375zM6.9%2017.25q-1.475%200-2.4-.763T3.425%2014.3l1.8-.35q.125.725.538%201.138T6.9%2015.5q.7%200%201.125-.387t.425-1.063q0-.65-.45-1.075t-1.275-.425h-.8v-1.6h.75q.75%200%201.125-.35t.375-.925t-.363-.913t-.962-.337q-.575%200-.937.3T5.4%209.6l-1.775-.2q.2-1.325%201.05-1.975t2.2-.65q1.375%200%202.238.688t.862%202.012q0%20.75-.337%201.263t-.888.862v.1q.75.275%201.15.975t.4%201.525q0%201.475-.937%202.263T6.9%2017.25%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/3d-2.svg?color=%231a73e8&size=48
