accessible icon
accessible-rounded from Material Symbols Light by Google · Rounded · Actions · Apache-2.0 Free for personal and commercial use.
- Name
- accessible-rounded
- Set
- Material Symbols Light
- Style
- Rounded
- Category
- Actions
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- accessible-outline-rounded
2 other variants in Material Symbols Light
The same icon in other sets
More actions icons from Material Symbols Light
Use the accessible icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.096 21.539q-1.863 0-3.2-1.338T5.557 17q0-1.506.844-2.639t2.217-1.577q.177-.096.366-.011q.188.085.284.262q.097.176.015.365t-.259.284q-1.075.33-1.771 1.217q-.696.888-.696 2.099q0 1.48 1.029 2.51q1.029 1.028 2.51 1.028q1.21 0 2.098-.696t1.217-1.77q.096-.178.284-.26q.189-.081.366.015t.261.275t-.011.375q-.425 1.354-1.577 2.208t-2.639.854m7.374-.144q-.143-.143-.143-.356V17q0-.23-.135-.365q-.134-.135-.365-.135h-4.693q-.632 0-1.085-.453t-.453-1.086V9q0-.633.434-1.066t1.066-.434q.35 0 .701.195t.832.751q1.26 1.465 2.191 2.081q.932.615 2.097.854q.214.055.37.211t.155.37t-.168.344t-.376.075q-1.292-.239-2.32-.854t-2.136-1.785v5.412h3.346q.633 0 1.086.453q.453.452.453 1.085v4.346q0 .214-.143.357t-.357.144t-.357-.144M10.905 5.768q-.501-.5-.501-1.191q0-.69.5-1.191t1.192-.502t1.191.502t.501 1.191q0 .69-.5 1.191t-1.192.501t-1.191-.5"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightAccessibleRounded(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.096 21.539q-1.863 0-3.2-1.338T5.557 17q0-1.506.844-2.639t2.217-1.577q.177-.096.366-.011q.188.085.284.262q.097.176.015.365t-.259.284q-1.075.33-1.771 1.217q-.696.888-.696 2.099q0 1.48 1.029 2.51q1.029 1.028 2.51 1.028q1.21 0 2.098-.696t1.217-1.77q.096-.178.284-.26q.189-.081.366.015t.261.275t-.011.375q-.425 1.354-1.577 2.208t-2.639.854m7.374-.144q-.143-.143-.143-.356V17q0-.23-.135-.365q-.134-.135-.365-.135h-4.693q-.632 0-1.085-.453t-.453-1.086V9q0-.633.434-1.066t1.066-.434q.35 0 .701.195t.832.751q1.26 1.465 2.191 2.081q.932.615 2.097.854q.214.055.37.211t.155.37t-.168.344t-.376.075q-1.292-.239-2.32-.854t-2.136-1.785v5.412h3.346q.633 0 1.086.453q.453.452.453 1.085v4.346q0 .214-.143.357t-.357.144t-.357-.144M10.905 5.768q-.501-.5-.501-1.191q0-.69.5-1.191t1.192-.502t1.191.502t.501 1.191q0 .69-.5 1.191t-1.192.501t-1.191-.5"/></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.096 21.539q-1.863 0-3.2-1.338T5.557 17q0-1.506.844-2.639t2.217-1.577q.177-.096.366-.011q.188.085.284.262q.097.176.015.365t-.259.284q-1.075.33-1.771 1.217q-.696.888-.696 2.099q0 1.48 1.029 2.51q1.029 1.028 2.51 1.028q1.21 0 2.098-.696t1.217-1.77q.096-.178.284-.26q.189-.081.366.015t.261.275t-.011.375q-.425 1.354-1.577 2.208t-2.639.854m7.374-.144q-.143-.143-.143-.356V17q0-.23-.135-.365q-.134-.135-.365-.135h-4.693q-.632 0-1.085-.453t-.453-1.086V9q0-.633.434-1.066t1.066-.434q.35 0 .701.195t.832.751q1.26 1.465 2.191 2.081q.932.615 2.097.854q.214.055.37.211t.155.37t-.168.344t-.376.075q-1.292-.239-2.32-.854t-2.136-1.785v5.412h3.346q.633 0 1.086.453q.453.452.453 1.085v4.346q0 .214-.143.357t-.357.144t-.357-.144M10.905 5.768q-.501-.5-.501-1.191q0-.69.5-1.191t1.192-.502t1.191.502t.501 1.191q0 .69-.5 1.191t-1.192.501t-1.191-.5"/></svg> </template>
CSS
.icon-accessible-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.096%2021.539q-1.863%200-3.2-1.338T5.557%2017q0-1.506.844-2.639t2.217-1.577q.177-.096.366-.011q.188.085.284.262q.097.176.015.365t-.259.284q-1.075.33-1.771%201.217q-.696.888-.696%202.099q0%201.48%201.029%202.51q1.029%201.028%202.51%201.028q1.21%200%202.098-.696t1.217-1.77q.096-.178.284-.26q.189-.081.366.015t.261.275t-.011.375q-.425%201.354-1.577%202.208t-2.639.854m7.374-.144q-.143-.143-.143-.356V17q0-.23-.135-.365q-.134-.135-.365-.135h-4.693q-.632%200-1.085-.453t-.453-1.086V9q0-.633.434-1.066t1.066-.434q.35%200%20.701.195t.832.751q1.26%201.465%202.191%202.081q.932.615%202.097.854q.214.055.37.211t.155.37t-.168.344t-.376.075q-1.292-.239-2.32-.854t-2.136-1.785v5.412h3.346q.633%200%201.086.453q.453.452.453%201.085v4.346q0%20.214-.143.357t-.357.144t-.357-.144M10.905%205.768q-.501-.5-.501-1.191q0-.69.5-1.191t1.192-.502t1.191.502t.501%201.191q0%20.69-.5%201.191t-1.192.501t-1.191-.5%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.096%2021.539q-1.863%200-3.2-1.338T5.557%2017q0-1.506.844-2.639t2.217-1.577q.177-.096.366-.011q.188.085.284.262q.097.176.015.365t-.259.284q-1.075.33-1.771%201.217q-.696.888-.696%202.099q0%201.48%201.029%202.51q1.029%201.028%202.51%201.028q1.21%200%202.098-.696t1.217-1.77q.096-.178.284-.26q.189-.081.366.015t.261.275t-.011.375q-.425%201.354-1.577%202.208t-2.639.854m7.374-.144q-.143-.143-.143-.356V17q0-.23-.135-.365q-.134-.135-.365-.135h-4.693q-.632%200-1.085-.453t-.453-1.086V9q0-.633.434-1.066t1.066-.434q.35%200%20.701.195t.832.751q1.26%201.465%202.191%202.081q.932.615%202.097.854q.214.055.37.211t.155.37t-.168.344t-.376.075q-1.292-.239-2.32-.854t-2.136-1.785v5.412h3.346q.633%200%201.086.453q.453.452.453%201.085v4.346q0%20.214-.143.357t-.357.144t-.357-.144M10.905%205.768q-.501-.5-.501-1.191q0-.69.5-1.191t1.192-.502t1.191.502t.501%201.191q0%20.69-.5%201.191t-1.192.501t-1.191-.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/accessible-rounded.svg?color=%231a73e8&size=48
