accessibility icon
accessibility from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- accessibility
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
2 other variants in IonIcons
The same icon in other sets
accessibilityBoxIcons v2accessibilityCarbonaccessibility-16-filledFluent UI System IconsaccessibilityHuge IconsaccessibilityIconoiraccessibilityJam IconsaccessibilityLucideaccessibilityMaterial SymbolsaccessibilityMaterial Symbols LightaccessibilityMyna UI Iconsaccessibility-16OcticonsaccessibilityRadix Iconsaccessibility-fillRemix Iconaccessibility-boldSolaraccessibilityTDesign Icons
Use the accessibility icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M256 112a56 56 0 1 1 56-56a56.06 56.06 0 0 1-56 56"/><path fill="currentColor" d="m432 112.8l-.45.12l-.42.13c-1 .28-2 .58-3 .89c-18.61 5.46-108.93 30.92-172.56 30.92c-59.13 0-141.28-22-167.56-29.47a74 74 0 0 0-8-2.58c-19-5-32 14.3-32 31.94c0 17.47 15.7 25.79 31.55 31.76v.28l95.22 29.74c9.73 3.73 12.33 7.54 13.6 10.84c4.13 10.59.83 31.56-.34 38.88l-5.8 45l-32.19 176.19q-.15.72-.27 1.47l-.23 1.27c-2.32 16.15 9.54 31.82 32 31.82c19.6 0 28.25-13.53 32-31.94s28-157.57 42-157.57s42.84 157.57 42.84 157.57c3.75 18.41 12.4 31.94 32 31.94c22.52 0 34.38-15.74 32-31.94a57 57 0 0 0-.76-4.06L329 301.27l-5.79-45c-4.19-26.21-.82-34.87.32-36.9a1 1 0 0 0 .08-.15c1.08-2 6-6.48 17.48-10.79l89.28-31.21a17 17 0 0 0 1.62-.52c16-6 32-14.3 32-31.93S451 107.81 432 112.8"/></svg>
React
import type { SVGProps } from "react";
export function IonAccessibility(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M256 112a56 56 0 1 1 56-56a56.06 56.06 0 0 1-56 56"/><path fill="currentColor" d="m432 112.8l-.45.12l-.42.13c-1 .28-2 .58-3 .89c-18.61 5.46-108.93 30.92-172.56 30.92c-59.13 0-141.28-22-167.56-29.47a74 74 0 0 0-8-2.58c-19-5-32 14.3-32 31.94c0 17.47 15.7 25.79 31.55 31.76v.28l95.22 29.74c9.73 3.73 12.33 7.54 13.6 10.84c4.13 10.59.83 31.56-.34 38.88l-5.8 45l-32.19 176.19q-.15.72-.27 1.47l-.23 1.27c-2.32 16.15 9.54 31.82 32 31.82c19.6 0 28.25-13.53 32-31.94s28-157.57 42-157.57s42.84 157.57 42.84 157.57c3.75 18.41 12.4 31.94 32 31.94c22.52 0 34.38-15.74 32-31.94a57 57 0 0 0-.76-4.06L329 301.27l-5.79-45c-4.19-26.21-.82-34.87.32-36.9a1 1 0 0 0 .08-.15c1.08-2 6-6.48 17.48-10.79l89.28-31.21a17 17 0 0 0 1.62-.52c16-6 32-14.3 32-31.93S451 107.81 432 112.8"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M256 112a56 56 0 1 1 56-56a56.06 56.06 0 0 1-56 56"/><path fill="currentColor" d="m432 112.8l-.45.12l-.42.13c-1 .28-2 .58-3 .89c-18.61 5.46-108.93 30.92-172.56 30.92c-59.13 0-141.28-22-167.56-29.47a74 74 0 0 0-8-2.58c-19-5-32 14.3-32 31.94c0 17.47 15.7 25.79 31.55 31.76v.28l95.22 29.74c9.73 3.73 12.33 7.54 13.6 10.84c4.13 10.59.83 31.56-.34 38.88l-5.8 45l-32.19 176.19q-.15.72-.27 1.47l-.23 1.27c-2.32 16.15 9.54 31.82 32 31.82c19.6 0 28.25-13.53 32-31.94s28-157.57 42-157.57s42.84 157.57 42.84 157.57c3.75 18.41 12.4 31.94 32 31.94c22.52 0 34.38-15.74 32-31.94a57 57 0 0 0-.76-4.06L329 301.27l-5.79-45c-4.19-26.21-.82-34.87.32-36.9a1 1 0 0 0 .08-.15c1.08-2 6-6.48 17.48-10.79l89.28-31.21a17 17 0 0 0 1.62-.52c16-6 32-14.3 32-31.93S451 107.81 432 112.8"/></svg> </template>
CSS
.icon-accessibility {
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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%20112a56%2056%200%201%201%2056-56a56.06%2056.06%200%200%201-56%2056%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m432%20112.8l-.45.12l-.42.13c-1%20.28-2%20.58-3%20.89c-18.61%205.46-108.93%2030.92-172.56%2030.92c-59.13%200-141.28-22-167.56-29.47a74%2074%200%200%200-8-2.58c-19-5-32%2014.3-32%2031.94c0%2017.47%2015.7%2025.79%2031.55%2031.76v.28l95.22%2029.74c9.73%203.73%2012.33%207.54%2013.6%2010.84c4.13%2010.59.83%2031.56-.34%2038.88l-5.8%2045l-32.19%20176.19q-.15.72-.27%201.47l-.23%201.27c-2.32%2016.15%209.54%2031.82%2032%2031.82c19.6%200%2028.25-13.53%2032-31.94s28-157.57%2042-157.57s42.84%20157.57%2042.84%20157.57c3.75%2018.41%2012.4%2031.94%2032%2031.94c22.52%200%2034.38-15.74%2032-31.94a57%2057%200%200%200-.76-4.06L329%20301.27l-5.79-45c-4.19-26.21-.82-34.87.32-36.9a1%201%200%200%200%20.08-.15c1.08-2%206-6.48%2017.48-10.79l89.28-31.21a17%2017%200%200%200%201.62-.52c16-6%2032-14.3%2032-31.93S451%20107.81%20432%20112.8%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%20112a56%2056%200%201%201%2056-56a56.06%2056.06%200%200%201-56%2056%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m432%20112.8l-.45.12l-.42.13c-1%20.28-2%20.58-3%20.89c-18.61%205.46-108.93%2030.92-172.56%2030.92c-59.13%200-141.28-22-167.56-29.47a74%2074%200%200%200-8-2.58c-19-5-32%2014.3-32%2031.94c0%2017.47%2015.7%2025.79%2031.55%2031.76v.28l95.22%2029.74c9.73%203.73%2012.33%207.54%2013.6%2010.84c4.13%2010.59.83%2031.56-.34%2038.88l-5.8%2045l-32.19%20176.19q-.15.72-.27%201.47l-.23%201.27c-2.32%2016.15%209.54%2031.82%2032%2031.82c19.6%200%2028.25-13.53%2032-31.94s28-157.57%2042-157.57s42.84%20157.57%2042.84%20157.57c3.75%2018.41%2012.4%2031.94%2032%2031.94c22.52%200%2034.38-15.74%2032-31.94a57%2057%200%200%200-.76-4.06L329%20301.27l-5.79-45c-4.19-26.21-.82-34.87.32-36.9a1%201%200%200%200%20.08-.15c1.08-2%206-6.48%2017.48-10.79l89.28-31.21a17%2017%200%200%200%201.62-.52c16-6%2032-14.3%2032-31.93S451%20107.81%20432%20112.8%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/accessibility.svg?color=%231a73e8&size=48
