accessibility new icon
accessibility-new-rounded from Material Symbols Light by Google · Rounded · Actions · Apache-2.0 Free for personal and commercial use.
- Name
- accessibility-new-rounded
- Set
- Material Symbols Light
- Style
- Rounded
- Category
- Actions
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- accessibility-new-outline-rounded
1 other variant in Material Symbols Light
The same icon in other sets
More actions icons from Material Symbols Light
Use the accessibility new icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.799 5.316q-.491-.491-.491-1.2q0-.71.491-1.201q.492-.492 1.201-.492t1.201.492q.491.49.491 1.2t-.491 1.201q-.492.492-1.201.492t-1.201-.492M9.808 21V8.423q-1.398-.12-2.716-.294t-2.517-.45q-.233-.062-.38-.245q-.147-.182-.08-.396q.068-.232.275-.327q.208-.094.447-.032q1.769.394 3.531.569T12 7.423t3.632-.175t3.532-.57q.238-.06.445.034t.275.327q.068.213-.08.396q-.146.182-.379.244q-1.2.275-2.517.45t-2.716.294V21q0 .214-.143.357t-.357.143t-.356-.143t-.144-.357v-5.73h-2.384V21q0 .214-.143.357t-.357.143t-.357-.143T9.808 21"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightAccessibilityNewRounded(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="M10.799 5.316q-.491-.491-.491-1.2q0-.71.491-1.201q.492-.492 1.201-.492t1.201.492q.491.49.491 1.2t-.491 1.201q-.492.492-1.201.492t-1.201-.492M9.808 21V8.423q-1.398-.12-2.716-.294t-2.517-.45q-.233-.062-.38-.245q-.147-.182-.08-.396q.068-.232.275-.327q.208-.094.447-.032q1.769.394 3.531.569T12 7.423t3.632-.175t3.532-.57q.238-.06.445.034t.275.327q.068.213-.08.396q-.146.182-.379.244q-1.2.275-2.517.45t-2.716.294V21q0 .214-.143.357t-.357.143t-.356-.143t-.144-.357v-5.73h-2.384V21q0 .214-.143.357t-.357.143t-.357-.143T9.808 21"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.799 5.316q-.491-.491-.491-1.2q0-.71.491-1.201q.492-.492 1.201-.492t1.201.492q.491.49.491 1.2t-.491 1.201q-.492.492-1.201.492t-1.201-.492M9.808 21V8.423q-1.398-.12-2.716-.294t-2.517-.45q-.233-.062-.38-.245q-.147-.182-.08-.396q.068-.232.275-.327q.208-.094.447-.032q1.769.394 3.531.569T12 7.423t3.632-.175t3.532-.57q.238-.06.445.034t.275.327q.068.213-.08.396q-.146.182-.379.244q-1.2.275-2.517.45t-2.716.294V21q0 .214-.143.357t-.357.143t-.356-.143t-.144-.357v-5.73h-2.384V21q0 .214-.143.357t-.357.143t-.357-.143T9.808 21"/></svg> </template>
CSS
.icon-accessibility-new-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%22M10.799%205.316q-.491-.491-.491-1.2q0-.71.491-1.201q.492-.492%201.201-.492t1.201.492q.491.49.491%201.2t-.491%201.201q-.492.492-1.201.492t-1.201-.492M9.808%2021V8.423q-1.398-.12-2.716-.294t-2.517-.45q-.233-.062-.38-.245q-.147-.182-.08-.396q.068-.232.275-.327q.208-.094.447-.032q1.769.394%203.531.569T12%207.423t3.632-.175t3.532-.57q.238-.06.445.034t.275.327q.068.213-.08.396q-.146.182-.379.244q-1.2.275-2.517.45t-2.716.294V21q0%20.214-.143.357t-.357.143t-.356-.143t-.144-.357v-5.73h-2.384V21q0%20.214-.143.357t-.357.143t-.357-.143T9.808%2021%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%22M10.799%205.316q-.491-.491-.491-1.2q0-.71.491-1.201q.492-.492%201.201-.492t1.201.492q.491.49.491%201.2t-.491%201.201q-.492.492-1.201.492t-1.201-.492M9.808%2021V8.423q-1.398-.12-2.716-.294t-2.517-.45q-.233-.062-.38-.245q-.147-.182-.08-.396q.068-.232.275-.327q.208-.094.447-.032q1.769.394%203.531.569T12%207.423t3.632-.175t3.532-.57q.238-.06.445.034t.275.327q.068.213-.08.396q-.146.182-.379.244q-1.2.275-2.517.45t-2.716.294V21q0%20.214-.143.357t-.357.143t-.356-.143t-.144-.357v-5.73h-2.384V21q0%20.214-.143.357t-.357.143t-.357-.143T9.808%2021%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/accessibility-new-rounded.svg?color=%231a73e8&size=48
