accessibility icon
accessibility-duotone from Reicon by REICON · Duotone · UI · MIT Free for personal and commercial use.
- Name
- accessibility-duotone
- Set
- Reicon
- Style
- Duotone
- Category
- UI
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All accessibility icons →accessibilityBoxIcons v2accessibilityCarbonaccessibility-16-filledFluent UI System IconsaccessibilityHuge IconsaccessibilityIconoiraccessibilityIonIconsaccessibilityJam IconsaccessibilityKeyline IconsaccessibilityLucideaccessibilityMaterial SymbolsaccessibilityMaterial Symbols LightaccessibilityMyna UI Iconsaccessibility-16OcticonsaccessibilityRadix Iconsaccessibility-fillRemix Iconaccessibility-boldSolaraccessibilityTDesign Icons
More ui icons from Reicon
Use the accessibility icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2s10 4.477 10 10" opacity=".5"/><path d="M12 9a2 2 0 1 0 0-4a2 2 0 0 0 0 4m-5.707.31a.75.75 0 0 0-.586 1.38l.002.001l.002.001l.01.004l.032.014a15 15 0 0 0 .572.225c.38.145.914.338 1.527.53c.988.312 2.236.64 3.398.748v1.24c0 .43-.124.853-.357 1.216l-2.524 3.925a.75.75 0 0 0 1.262.812l2.37-3.686l2.368 3.686a.75.75 0 0 0 1.262-.812l-2.524-3.925a2.25 2.25 0 0 1-.357-1.217v-1.239c1.162-.108 2.41-.436 3.399-.748a28 28 0 0 0 2.098-.755l.033-.014l.01-.004l.002-.001a.75.75 0 0 0-.585-1.381l-.007.003l-.027.011l-.11.045q-.148.061-.42.164c-.36.137-.865.32-1.444.502c-1.178.37-2.588.715-3.699.715s-2.52-.345-3.698-.715a27 27 0 0 1-1.974-.711L6.3 9.313z"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconAccessibilityDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2s10 4.477 10 10" opacity=".5"/><path d="M12 9a2 2 0 1 0 0-4a2 2 0 0 0 0 4m-5.707.31a.75.75 0 0 0-.586 1.38l.002.001l.002.001l.01.004l.032.014a15 15 0 0 0 .572.225c.38.145.914.338 1.527.53c.988.312 2.236.64 3.398.748v1.24c0 .43-.124.853-.357 1.216l-2.524 3.925a.75.75 0 0 0 1.262.812l2.37-3.686l2.368 3.686a.75.75 0 0 0 1.262-.812l-2.524-3.925a2.25 2.25 0 0 1-.357-1.217v-1.239c1.162-.108 2.41-.436 3.399-.748a28 28 0 0 0 2.098-.755l.033-.014l.01-.004l.002-.001a.75.75 0 0 0-.585-1.381l-.007.003l-.027.011l-.11.045q-.148.061-.42.164c-.36.137-.865.32-1.444.502c-1.178.37-2.588.715-3.699.715s-2.52-.345-3.698-.715a27 27 0 0 1-1.974-.711L6.3 9.313z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2s10 4.477 10 10" opacity=".5"/><path d="M12 9a2 2 0 1 0 0-4a2 2 0 0 0 0 4m-5.707.31a.75.75 0 0 0-.586 1.38l.002.001l.002.001l.01.004l.032.014a15 15 0 0 0 .572.225c.38.145.914.338 1.527.53c.988.312 2.236.64 3.398.748v1.24c0 .43-.124.853-.357 1.216l-2.524 3.925a.75.75 0 0 0 1.262.812l2.37-3.686l2.368 3.686a.75.75 0 0 0 1.262-.812l-2.524-3.925a2.25 2.25 0 0 1-.357-1.217v-1.239c1.162-.108 2.41-.436 3.399-.748a28 28 0 0 0 2.098-.755l.033-.014l.01-.004l.002-.001a.75.75 0 0 0-.585-1.381l-.007.003l-.027.011l-.11.045q-.148.061-.42.164c-.36.137-.865.32-1.444.502c-1.178.37-2.588.715-3.699.715s-2.52-.345-3.698-.715a27 27 0 0 1-1.974-.711L6.3 9.313z"/></g></svg> </template>
CSS
.icon-accessibility-duotone {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M22%2012c0%205.523-4.477%2010-10%2010S2%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M12%209a2%202%200%201%200%200-4a2%202%200%200%200%200%204m-5.707.31a.75.75%200%200%200-.586%201.38l.002.001l.002.001l.01.004l.032.014a15%2015%200%200%200%20.572.225c.38.145.914.338%201.527.53c.988.312%202.236.64%203.398.748v1.24c0%20.43-.124.853-.357%201.216l-2.524%203.925a.75.75%200%200%200%201.262.812l2.37-3.686l2.368%203.686a.75.75%200%200%200%201.262-.812l-2.524-3.925a2.25%202.25%200%200%201-.357-1.217v-1.239c1.162-.108%202.41-.436%203.399-.748a28%2028%200%200%200%202.098-.755l.033-.014l.01-.004l.002-.001a.75.75%200%200%200-.585-1.381l-.007.003l-.027.011l-.11.045q-.148.061-.42.164c-.36.137-.865.32-1.444.502c-1.178.37-2.588.715-3.699.715s-2.52-.345-3.698-.715a27%2027%200%200%201-1.974-.711L6.3%209.313z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M22%2012c0%205.523-4.477%2010-10%2010S2%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M12%209a2%202%200%201%200%200-4a2%202%200%200%200%200%204m-5.707.31a.75.75%200%200%200-.586%201.38l.002.001l.002.001l.01.004l.032.014a15%2015%200%200%200%20.572.225c.38.145.914.338%201.527.53c.988.312%202.236.64%203.398.748v1.24c0%20.43-.124.853-.357%201.216l-2.524%203.925a.75.75%200%200%200%201.262.812l2.37-3.686l2.368%203.686a.75.75%200%200%200%201.262-.812l-2.524-3.925a2.25%202.25%200%200%201-.357-1.217v-1.239c1.162-.108%202.41-.436%203.399-.748a28%2028%200%200%200%202.098-.755l.033-.014l.01-.004l.002-.001a.75.75%200%200%200-.585-1.381l-.007.003l-.027.011l-.11.045q-.148.061-.42.164c-.36.137-.865.32-1.444.502c-1.178.37-2.588.715-3.699.715s-2.52-.345-3.698-.715a27%2027%200%200%201-1.974-.711L6.3%209.313z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/accessibility-duotone.svg?color=%231a73e8&size=48
