tab unselected icon
tab-unselected-rounded from Material Symbols Light by Google · Rounded · UI Actions · Apache-2.0 Free for personal and commercial use.
- Name
- tab-unselected-rounded
- Set
- Material Symbols Light
- Style
- Rounded
- Category
- UI Actions
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- tab-unselected-outline-rounded
2 other variants in Material Symbols Light
The same icon in other sets
More ui actions icons from Material Symbols Light
Use the tab unselected icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.616 19q-.252 0-.434-.182T3 18.384t.182-.433t.434-.182t.433.182t.182.434t-.182.433t-.433.182m3.047-.182q-.182-.182-.182-.434q0-.251.182-.433t.433-.182t.434.182t.181.434q0 .251-.181.433T7.096 19t-.433-.182m3.48 0q-.181-.182-.181-.434q0-.251.181-.433t.434-.182t.434.182t.181.434q0 .251-.181.433t-.434.182t-.434-.182m3.5 0q-.182-.182-.182-.434q0-.251.182-.433t.434-.182t.434.182t.181.434q0 .251-.182.433t-.433.182t-.434-.182M17.5 19q-.213 0-.347-.143t-.134-.357t.144-.357t.356-.143h1.866q.288 0 .451-.163t.164-.452V15.5q0-.213.143-.357T20.5 15t.357.143t.143.357v1.885q0 .69-.462 1.152T19.385 19zM3.616 15.692q-.252 0-.434-.181T3 15.077t.182-.434t.434-.181t.433.181t.182.434t-.182.434t-.434.181m16.336-2.47q-.182-.181-.182-.433t.182-.434t.434-.182t.433.182t.182.434t-.182.433t-.434.182t-.433-.182m-16.335-.818q-.252 0-.434-.182Q3 12.041 3 11.789t.182-.434t.434-.182q.251 0 .433.182t.182.434t-.182.433t-.433.182m8.615-4.02V5.809q0-.348.23-.578t.577-.23h6.346q.691 0 1.153.463T21 6.616v2.576q0 .349-.23.578t-.578.23h-6.346q-.671 0-1.143-.472t-.472-1.144M3.5 9q-.213 0-.357-.143T3 8.5V6.616q0-.691.463-1.153T4.615 5H6.5q.214 0 .357.143T7 5.5t-.143.357T6.5 6H4.616q-.289 0-.452.164T4 6.616V8.5q0 .214-.143.357T3.5 9m5.355-2.951q-.182-.182-.182-.434t.182-.433T9.288 5t.434.182t.182.433t-.182.434q-.181.182-.433.182t-.434-.182"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightTabUnselectedRounded(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="M3.616 19q-.252 0-.434-.182T3 18.384t.182-.433t.434-.182t.433.182t.182.434t-.182.433t-.433.182m3.047-.182q-.182-.182-.182-.434q0-.251.182-.433t.433-.182t.434.182t.181.434q0 .251-.181.433T7.096 19t-.433-.182m3.48 0q-.181-.182-.181-.434q0-.251.181-.433t.434-.182t.434.182t.181.434q0 .251-.181.433t-.434.182t-.434-.182m3.5 0q-.182-.182-.182-.434q0-.251.182-.433t.434-.182t.434.182t.181.434q0 .251-.182.433t-.433.182t-.434-.182M17.5 19q-.213 0-.347-.143t-.134-.357t.144-.357t.356-.143h1.866q.288 0 .451-.163t.164-.452V15.5q0-.213.143-.357T20.5 15t.357.143t.143.357v1.885q0 .69-.462 1.152T19.385 19zM3.616 15.692q-.252 0-.434-.181T3 15.077t.182-.434t.434-.181t.433.181t.182.434t-.182.434t-.434.181m16.336-2.47q-.182-.181-.182-.433t.182-.434t.434-.182t.433.182t.182.434t-.182.433t-.434.182t-.433-.182m-16.335-.818q-.252 0-.434-.182Q3 12.041 3 11.789t.182-.434t.434-.182q.251 0 .433.182t.182.434t-.182.433t-.433.182m8.615-4.02V5.809q0-.348.23-.578t.577-.23h6.346q.691 0 1.153.463T21 6.616v2.576q0 .349-.23.578t-.578.23h-6.346q-.671 0-1.143-.472t-.472-1.144M3.5 9q-.213 0-.357-.143T3 8.5V6.616q0-.691.463-1.153T4.615 5H6.5q.214 0 .357.143T7 5.5t-.143.357T6.5 6H4.616q-.289 0-.452.164T4 6.616V8.5q0 .214-.143.357T3.5 9m5.355-2.951q-.182-.182-.182-.434t.182-.433T9.288 5t.434.182t.182.433t-.182.434q-.181.182-.433.182t-.434-.182"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.616 19q-.252 0-.434-.182T3 18.384t.182-.433t.434-.182t.433.182t.182.434t-.182.433t-.433.182m3.047-.182q-.182-.182-.182-.434q0-.251.182-.433t.433-.182t.434.182t.181.434q0 .251-.181.433T7.096 19t-.433-.182m3.48 0q-.181-.182-.181-.434q0-.251.181-.433t.434-.182t.434.182t.181.434q0 .251-.181.433t-.434.182t-.434-.182m3.5 0q-.182-.182-.182-.434q0-.251.182-.433t.434-.182t.434.182t.181.434q0 .251-.182.433t-.433.182t-.434-.182M17.5 19q-.213 0-.347-.143t-.134-.357t.144-.357t.356-.143h1.866q.288 0 .451-.163t.164-.452V15.5q0-.213.143-.357T20.5 15t.357.143t.143.357v1.885q0 .69-.462 1.152T19.385 19zM3.616 15.692q-.252 0-.434-.181T3 15.077t.182-.434t.434-.181t.433.181t.182.434t-.182.434t-.434.181m16.336-2.47q-.182-.181-.182-.433t.182-.434t.434-.182t.433.182t.182.434t-.182.433t-.434.182t-.433-.182m-16.335-.818q-.252 0-.434-.182Q3 12.041 3 11.789t.182-.434t.434-.182q.251 0 .433.182t.182.434t-.182.433t-.433.182m8.615-4.02V5.809q0-.348.23-.578t.577-.23h6.346q.691 0 1.153.463T21 6.616v2.576q0 .349-.23.578t-.578.23h-6.346q-.671 0-1.143-.472t-.472-1.144M3.5 9q-.213 0-.357-.143T3 8.5V6.616q0-.691.463-1.153T4.615 5H6.5q.214 0 .357.143T7 5.5t-.143.357T6.5 6H4.616q-.289 0-.452.164T4 6.616V8.5q0 .214-.143.357T3.5 9m5.355-2.951q-.182-.182-.182-.434t.182-.433T9.288 5t.434.182t.182.433t-.182.434q-.181.182-.433.182t-.434-.182"/></svg> </template>
CSS
.icon-tab-unselected-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%22M3.616%2019q-.252%200-.434-.182T3%2018.384t.182-.433t.434-.182t.433.182t.182.434t-.182.433t-.433.182m3.047-.182q-.182-.182-.182-.434q0-.251.182-.433t.433-.182t.434.182t.181.434q0%20.251-.181.433T7.096%2019t-.433-.182m3.48%200q-.181-.182-.181-.434q0-.251.181-.433t.434-.182t.434.182t.181.434q0%20.251-.181.433t-.434.182t-.434-.182m3.5%200q-.182-.182-.182-.434q0-.251.182-.433t.434-.182t.434.182t.181.434q0%20.251-.182.433t-.433.182t-.434-.182M17.5%2019q-.213%200-.347-.143t-.134-.357t.144-.357t.356-.143h1.866q.288%200%20.451-.163t.164-.452V15.5q0-.213.143-.357T20.5%2015t.357.143t.143.357v1.885q0%20.69-.462%201.152T19.385%2019zM3.616%2015.692q-.252%200-.434-.181T3%2015.077t.182-.434t.434-.181t.433.181t.182.434t-.182.434t-.434.181m16.336-2.47q-.182-.181-.182-.433t.182-.434t.434-.182t.433.182t.182.434t-.182.433t-.434.182t-.433-.182m-16.335-.818q-.252%200-.434-.182Q3%2012.041%203%2011.789t.182-.434t.434-.182q.251%200%20.433.182t.182.434t-.182.433t-.433.182m8.615-4.02V5.809q0-.348.23-.578t.577-.23h6.346q.691%200%201.153.463T21%206.616v2.576q0%20.349-.23.578t-.578.23h-6.346q-.671%200-1.143-.472t-.472-1.144M3.5%209q-.213%200-.357-.143T3%208.5V6.616q0-.691.463-1.153T4.615%205H6.5q.214%200%20.357.143T7%205.5t-.143.357T6.5%206H4.616q-.289%200-.452.164T4%206.616V8.5q0%20.214-.143.357T3.5%209m5.355-2.951q-.182-.182-.182-.434t.182-.433T9.288%205t.434.182t.182.433t-.182.434q-.181.182-.433.182t-.434-.182%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%22M3.616%2019q-.252%200-.434-.182T3%2018.384t.182-.433t.434-.182t.433.182t.182.434t-.182.433t-.433.182m3.047-.182q-.182-.182-.182-.434q0-.251.182-.433t.433-.182t.434.182t.181.434q0%20.251-.181.433T7.096%2019t-.433-.182m3.48%200q-.181-.182-.181-.434q0-.251.181-.433t.434-.182t.434.182t.181.434q0%20.251-.181.433t-.434.182t-.434-.182m3.5%200q-.182-.182-.182-.434q0-.251.182-.433t.434-.182t.434.182t.181.434q0%20.251-.182.433t-.433.182t-.434-.182M17.5%2019q-.213%200-.347-.143t-.134-.357t.144-.357t.356-.143h1.866q.288%200%20.451-.163t.164-.452V15.5q0-.213.143-.357T20.5%2015t.357.143t.143.357v1.885q0%20.69-.462%201.152T19.385%2019zM3.616%2015.692q-.252%200-.434-.181T3%2015.077t.182-.434t.434-.181t.433.181t.182.434t-.182.434t-.434.181m16.336-2.47q-.182-.181-.182-.433t.182-.434t.434-.182t.433.182t.182.434t-.182.433t-.434.182t-.433-.182m-16.335-.818q-.252%200-.434-.182Q3%2012.041%203%2011.789t.182-.434t.434-.182q.251%200%20.433.182t.182.434t-.182.433t-.433.182m8.615-4.02V5.809q0-.348.23-.578t.577-.23h6.346q.691%200%201.153.463T21%206.616v2.576q0%20.349-.23.578t-.578.23h-6.346q-.671%200-1.143-.472t-.472-1.144M3.5%209q-.213%200-.357-.143T3%208.5V6.616q0-.691.463-1.153T4.615%205H6.5q.214%200%20.357.143T7%205.5t-.143.357T6.5%206H4.616q-.289%200-.452.164T4%206.616V8.5q0%20.214-.143.357T3.5%209m5.355-2.951q-.182-.182-.182-.434t.182-.433T9.288%205t.434.182t.182.433t-.182.434q-.181.182-.433.182t-.434-.182%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/tab-unselected-rounded.svg?color=%231a73e8&size=48
