# accessibility icon Accessibility. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/accessibility - Category: Accessibility - Use it for: accessibility, a11y, universal access, accessibility settings - Tags: accessibility, a11y, universal-access, person, figure, disability, inclusive - Family: accessibility-alert, accessibility-check - Component name: AccessibilityIcon - Added: 2026-10-14 ## Alternatives - `wheelchair`: physical access to a place or venue (ISA symbol) ## Also fits - wheelchair: accessibility in general, not physical access - text to speech: accessibility settings as a whole - person standing: accessibility (figure in a circle) ## Files Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. - line-round: https://gentleface.com/svg/line-round/16/accessibility.svg · PNG https://gentleface.com/png/line-round/16/accessibility.png · https://gentleface.com/png/line-round/32/accessibility.png · https://gentleface.com/png/line-round/48/accessibility.png - line-soft: https://gentleface.com/svg/line-soft/16/accessibility.svg · PNG https://gentleface.com/png/line-soft/16/accessibility.png · https://gentleface.com/png/line-soft/32/accessibility.png · https://gentleface.com/png/line-soft/48/accessibility.png - line-sharp: https://gentleface.com/svg/line-sharp/16/accessibility.svg · PNG https://gentleface.com/png/line-sharp/16/accessibility.png · https://gentleface.com/png/line-sharp/32/accessibility.png · https://gentleface.com/png/line-sharp/48/accessibility.png - solid-round: https://gentleface.com/svg/solid-round/16/accessibility.svg · PNG https://gentleface.com/png/solid-round/16/accessibility.png · https://gentleface.com/png/solid-round/32/accessibility.png · https://gentleface.com/png/solid-round/48/accessibility.png - solid-soft: https://gentleface.com/svg/solid-soft/16/accessibility.svg · PNG https://gentleface.com/png/solid-soft/16/accessibility.png · https://gentleface.com/png/solid-soft/32/accessibility.png · https://gentleface.com/png/solid-soft/48/accessibility.png - solid-sharp: https://gentleface.com/svg/solid-sharp/16/accessibility.svg · PNG https://gentleface.com/png/solid-sharp/16/accessibility.png · https://gentleface.com/png/solid-sharp/32/accessibility.png · https://gentleface.com/png/solid-sharp/48/accessibility.png The SVG of every style: https://gentleface.com/icons/accessibility.json (`svg`). ## Code (line-round) The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. For another style, take its SVG from the JSON and swap the path `d`. ### SVG ```svg ``` ### React ```tsx // Gentleface "accessibility" (line-round), MIT. https://gentleface.com/icons/accessibility import type { SVGProps } from 'react'; export function AccessibilityIcon(props: SVGProps) { return ( ); } ``` ### Vue ```vue ``` ### Svelte ```svelte ``` ### HTML img ```html

``` ### CSS ```css /* Gentleface "accessibility" (line-round), MIT. https://gentleface.com/icons/accessibility. Takes the text color. */ .icon-accessibility { display: inline-block; width: 16px; height: 16px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M5.732 1.732C5.976 1.488 6.259 1.303 6.58 1.176C6.875 1.059 7.182 1 7.5 1C7.818 1 8.125 1.059 8.42 1.176C8.741 1.303 9.024 1.488 9.268 1.732C9.512 1.976 9.697 2.259 9.824 2.58C9.941 2.875 10 3.182 10 3.5C10 3.818 9.941 4.125 9.824 4.42C9.697 4.741 9.512 5.024 9.268 5.268C9.024 5.512 8.741 5.697 8.42 5.824C8.125 5.941 7.818 6 7.5 6C7.182 6 6.875 5.941 6.58 5.824C6.259 5.697 5.976 5.512 5.732 5.268C5.488 5.024 5.303 4.741 5.176 4.42C5.059 4.125 5 3.818 5 3.5C5 3.182 5.059 2.875 5.176 2.58C5.303 2.259 5.488 1.976 5.732 1.732ZM6.439 4.561C6.586 4.707 6.755 4.818 6.948 4.895C7.125 4.965 7.309 5 7.5 5C7.691 5 7.875 4.965 8.052 4.895C8.245 4.818 8.414 4.707 8.561 4.561C8.707 4.414 8.818 4.245 8.895 4.052C8.965 3.875 9 3.691 9 3.5C9 3.309 8.965 3.125 8.895 2.948C8.818 2.755 8.707 2.586 8.561 2.439C8.414 2.293 8.245 2.182 8.052 2.105C7.875 2.035 7.691 2 7.5 2C7.309 2 7.125 2.035 6.948 2.105C6.755 2.182 6.586 2.293 6.439 2.439C6.293 2.586 6.182 2.755 6.105 2.948C6.035 3.125 6 3.309 6 3.5C6 3.691 6.035 3.875 6.105 4.052C6.182 4.245 6.293 4.414 6.439 4.561ZM9.293 7L12.146 4.146C12.246 4.047 12.364 3.997 12.5 3.997C12.636 3.997 12.754 4.047 12.854 4.146C12.951 4.244 13 4.362 13 4.5C13 4.638 12.951 4.756 12.854 4.854L9.854 7.854C9.756 7.951 9.638 8 9.5 8L8 8L8 10.293L10.854 13.146C10.953 13.246 11.003 13.364 11.003 13.5C11.003 13.636 10.953 13.754 10.854 13.854C10.754 13.953 10.636 14.003 10.5 14.003C10.364 14.003 10.246 13.953 10.146 13.854L7.5 11.207L4.854 13.854C4.756 13.951 4.638 14 4.5 14C4.362 14 4.244 13.951 4.146 13.854C4.047 13.754 3.997 13.636 3.997 13.5C3.997 13.364 4.047 13.246 4.146 13.146L7 10.293L7 8L5.5 8C5.362 8 5.244 7.951 5.146 7.854L2.146 4.854C2.049 4.756 2 4.638 2 4.5C2 4.362 2.049 4.244 2.146 4.146C2.244 4.049 2.362 4 2.5 4C2.638 4 2.756 4.049 2.854 4.146L5.707 7L9.293 7Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M5.732 1.732C5.976 1.488 6.259 1.303 6.58 1.176C6.875 1.059 7.182 1 7.5 1C7.818 1 8.125 1.059 8.42 1.176C8.741 1.303 9.024 1.488 9.268 1.732C9.512 1.976 9.697 2.259 9.824 2.58C9.941 2.875 10 3.182 10 3.5C10 3.818 9.941 4.125 9.824 4.42C9.697 4.741 9.512 5.024 9.268 5.268C9.024 5.512 8.741 5.697 8.42 5.824C8.125 5.941 7.818 6 7.5 6C7.182 6 6.875 5.941 6.58 5.824C6.259 5.697 5.976 5.512 5.732 5.268C5.488 5.024 5.303 4.741 5.176 4.42C5.059 4.125 5 3.818 5 3.5C5 3.182 5.059 2.875 5.176 2.58C5.303 2.259 5.488 1.976 5.732 1.732ZM6.439 4.561C6.586 4.707 6.755 4.818 6.948 4.895C7.125 4.965 7.309 5 7.5 5C7.691 5 7.875 4.965 8.052 4.895C8.245 4.818 8.414 4.707 8.561 4.561C8.707 4.414 8.818 4.245 8.895 4.052C8.965 3.875 9 3.691 9 3.5C9 3.309 8.965 3.125 8.895 2.948C8.818 2.755 8.707 2.586 8.561 2.439C8.414 2.293 8.245 2.182 8.052 2.105C7.875 2.035 7.691 2 7.5 2C7.309 2 7.125 2.035 6.948 2.105C6.755 2.182 6.586 2.293 6.439 2.439C6.293 2.586 6.182 2.755 6.105 2.948C6.035 3.125 6 3.309 6 3.5C6 3.691 6.035 3.875 6.105 4.052C6.182 4.245 6.293 4.414 6.439 4.561ZM9.293 7L12.146 4.146C12.246 4.047 12.364 3.997 12.5 3.997C12.636 3.997 12.754 4.047 12.854 4.146C12.951 4.244 13 4.362 13 4.5C13 4.638 12.951 4.756 12.854 4.854L9.854 7.854C9.756 7.951 9.638 8 9.5 8L8 8L8 10.293L10.854 13.146C10.953 13.246 11.003 13.364 11.003 13.5C11.003 13.636 10.953 13.754 10.854 13.854C10.754 13.953 10.636 14.003 10.5 14.003C10.364 14.003 10.246 13.953 10.146 13.854L7.5 11.207L4.854 13.854C4.756 13.951 4.638 14 4.5 14C4.362 14 4.244 13.951 4.146 13.854C4.047 13.754 3.997 13.636 3.997 13.5C3.997 13.364 4.047 13.246 4.146 13.146L7 10.293L7 8L5.5 8C5.362 8 5.244 7.951 5.146 7.854L2.146 4.854C2.049 4.756 2 4.638 2 4.5C2 4.362 2.049 4.244 2.146 4.146C2.244 4.049 2.362 4 2.5 4C2.638 4 2.756 4.049 2.854 4.146L5.707 7L9.293 7Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat; } ``` ### Data URL ```text data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M5.732 1.732C5.976 1.488 6.259 1.303 6.58 1.176C6.875 1.059 7.182 1 7.5 1C7.818 1 8.125 1.059 8.42 1.176C8.741 1.303 9.024 1.488 9.268 1.732C9.512 1.976 9.697 2.259 9.824 2.58C9.941 2.875 10 3.182 10 3.5C10 3.818 9.941 4.125 9.824 4.42C9.697 4.741 9.512 5.024 9.268 5.268C9.024 5.512 8.741 5.697 8.42 5.824C8.125 5.941 7.818 6 7.5 6C7.182 6 6.875 5.941 6.58 5.824C6.259 5.697 5.976 5.512 5.732 5.268C5.488 5.024 5.303 4.741 5.176 4.42C5.059 4.125 5 3.818 5 3.5C5 3.182 5.059 2.875 5.176 2.58C5.303 2.259 5.488 1.976 5.732 1.732ZM6.439 4.561C6.586 4.707 6.755 4.818 6.948 4.895C7.125 4.965 7.309 5 7.5 5C7.691 5 7.875 4.965 8.052 4.895C8.245 4.818 8.414 4.707 8.561 4.561C8.707 4.414 8.818 4.245 8.895 4.052C8.965 3.875 9 3.691 9 3.5C9 3.309 8.965 3.125 8.895 2.948C8.818 2.755 8.707 2.586 8.561 2.439C8.414 2.293 8.245 2.182 8.052 2.105C7.875 2.035 7.691 2 7.5 2C7.309 2 7.125 2.035 6.948 2.105C6.755 2.182 6.586 2.293 6.439 2.439C6.293 2.586 6.182 2.755 6.105 2.948C6.035 3.125 6 3.309 6 3.5C6 3.691 6.035 3.875 6.105 4.052C6.182 4.245 6.293 4.414 6.439 4.561ZM9.293 7L12.146 4.146C12.246 4.047 12.364 3.997 12.5 3.997C12.636 3.997 12.754 4.047 12.854 4.146C12.951 4.244 13 4.362 13 4.5C13 4.638 12.951 4.756 12.854 4.854L9.854 7.854C9.756 7.951 9.638 8 9.5 8L8 8L8 10.293L10.854 13.146C10.953 13.246 11.003 13.364 11.003 13.5C11.003 13.636 10.953 13.754 10.854 13.854C10.754 13.953 10.636 14.003 10.5 14.003C10.364 14.003 10.246 13.953 10.146 13.854L7.5 11.207L4.854 13.854C4.756 13.951 4.638 14 4.5 14C4.362 14 4.244 13.951 4.146 13.854C4.047 13.754 3.997 13.636 3.997 13.5C3.997 13.364 4.047 13.246 4.146 13.146L7 10.293L7 8L5.5 8C5.362 8 5.244 7.951 5.146 7.854L2.146 4.854C2.049 4.756 2 4.638 2 4.5C2 4.362 2.049 4.244 2.146 4.146C2.244 4.049 2.362 4 2.5 4C2.638 4 2.756 4.049 2.854 4.146L5.707 7L9.293 7Z'/%3E%3C/svg%3E ``` ### Sprite ```html ``` ### SwiftUI ```swift // Gentleface "accessibility" (line-round), MIT. https://gentleface.com/icons/accessibility import SwiftUI struct AccessibilityIcon: Shape { func path(in rect: CGRect) -> Path { var p = Path() p.move(to: CGPoint(x: 5.732, y: 1.732)) p.addCurve(to: CGPoint(x: 6.58, y: 1.176), control1: CGPoint(x: 5.976, y: 1.488), control2: CGPoint(x: 6.259, y: 1.303)) p.addCurve(to: CGPoint(x: 7.5, y: 1), control1: CGPoint(x: 6.875, y: 1.059), control2: CGPoint(x: 7.182, y: 1)) p.addCurve(to: CGPoint(x: 8.42, y: 1.176), control1: CGPoint(x: 7.818, y: 1), control2: CGPoint(x: 8.125, y: 1.059)) p.addCurve(to: CGPoint(x: 9.268, y: 1.732), control1: CGPoint(x: 8.741, y: 1.303), control2: CGPoint(x: 9.024, y: 1.488)) p.addCurve(to: CGPoint(x: 9.824, y: 2.58), control1: CGPoint(x: 9.512, y: 1.976), control2: CGPoint(x: 9.697, y: 2.259)) p.addCurve(to: CGPoint(x: 10, y: 3.5), control1: CGPoint(x: 9.941, y: 2.875), control2: CGPoint(x: 10, y: 3.182)) p.addCurve(to: CGPoint(x: 9.824, y: 4.42), control1: CGPoint(x: 10, y: 3.818), control2: CGPoint(x: 9.941, y: 4.125)) p.addCurve(to: CGPoint(x: 9.268, y: 5.268), control1: CGPoint(x: 9.697, y: 4.741), control2: CGPoint(x: 9.512, y: 5.024)) p.addCurve(to: CGPoint(x: 8.42, y: 5.824), control1: CGPoint(x: 9.024, y: 5.512), control2: CGPoint(x: 8.741, y: 5.697)) p.addCurve(to: CGPoint(x: 7.5, y: 6), control1: CGPoint(x: 8.125, y: 5.941), control2: CGPoint(x: 7.818, y: 6)) p.addCurve(to: CGPoint(x: 6.58, y: 5.824), control1: CGPoint(x: 7.182, y: 6), control2: CGPoint(x: 6.875, y: 5.941)) p.addCurve(to: CGPoint(x: 5.732, y: 5.268), control1: CGPoint(x: 6.259, y: 5.697), control2: CGPoint(x: 5.976, y: 5.512)) p.addCurve(to: CGPoint(x: 5.176, y: 4.42), control1: CGPoint(x: 5.488, y: 5.024), control2: CGPoint(x: 5.303, y: 4.741)) p.addCurve(to: CGPoint(x: 5, y: 3.5), control1: CGPoint(x: 5.059, y: 4.125), control2: CGPoint(x: 5, y: 3.818)) p.addCurve(to: CGPoint(x: 5.176, y: 2.58), control1: CGPoint(x: 5, y: 3.182), control2: CGPoint(x: 5.059, y: 2.875)) p.addCurve(to: CGPoint(x: 5.732, y: 1.732), control1: CGPoint(x: 5.303, y: 2.259), control2: CGPoint(x: 5.488, y: 1.976)) p.closeSubpath() p.move(to: CGPoint(x: 6.439, y: 4.561)) p.addCurve(to: CGPoint(x: 6.948, y: 4.895), control1: CGPoint(x: 6.586, y: 4.707), control2: CGPoint(x: 6.755, y: 4.818)) p.addCurve(to: CGPoint(x: 7.5, y: 5), control1: CGPoint(x: 7.125, y: 4.965), control2: CGPoint(x: 7.309, y: 5)) p.addCurve(to: CGPoint(x: 8.052, y: 4.895), control1: CGPoint(x: 7.691, y: 5), control2: CGPoint(x: 7.875, y: 4.965)) p.addCurve(to: CGPoint(x: 8.561, y: 4.561), control1: CGPoint(x: 8.245, y: 4.818), control2: CGPoint(x: 8.414, y: 4.707)) p.addCurve(to: CGPoint(x: 8.895, y: 4.052), control1: CGPoint(x: 8.707, y: 4.414), control2: CGPoint(x: 8.818, y: 4.245)) p.addCurve(to: CGPoint(x: 9, y: 3.5), control1: CGPoint(x: 8.965, y: 3.875), control2: CGPoint(x: 9, y: 3.691)) p.addCurve(to: CGPoint(x: 8.895, y: 2.948), control1: CGPoint(x: 9, y: 3.309), control2: CGPoint(x: 8.965, y: 3.125)) p.addCurve(to: CGPoint(x: 8.561, y: 2.439), control1: CGPoint(x: 8.818, y: 2.755), control2: CGPoint(x: 8.707, y: 2.586)) p.addCurve(to: CGPoint(x: 8.052, y: 2.105), control1: CGPoint(x: 8.414, y: 2.293), control2: CGPoint(x: 8.245, y: 2.182)) p.addCurve(to: CGPoint(x: 7.5, y: 2), control1: CGPoint(x: 7.875, y: 2.035), control2: CGPoint(x: 7.691, y: 2)) p.addCurve(to: CGPoint(x: 6.948, y: 2.105), control1: CGPoint(x: 7.309, y: 2), control2: CGPoint(x: 7.125, y: 2.035)) p.addCurve(to: CGPoint(x: 6.439, y: 2.439), control1: CGPoint(x: 6.755, y: 2.182), control2: CGPoint(x: 6.586, y: 2.293)) p.addCurve(to: CGPoint(x: 6.105, y: 2.948), control1: CGPoint(x: 6.293, y: 2.586), control2: CGPoint(x: 6.182, y: 2.755)) p.addCurve(to: CGPoint(x: 6, y: 3.5), control1: CGPoint(x: 6.035, y: 3.125), control2: CGPoint(x: 6, y: 3.309)) p.addCurve(to: CGPoint(x: 6.105, y: 4.052), control1: CGPoint(x: 6, y: 3.691), control2: CGPoint(x: 6.035, y: 3.875)) p.addCurve(to: CGPoint(x: 6.439, y: 4.561), control1: CGPoint(x: 6.182, y: 4.245), control2: CGPoint(x: 6.293, y: 4.414)) p.closeSubpath() p.move(to: CGPoint(x: 9.293, y: 7)) p.addLine(to: CGPoint(x: 12.146, y: 4.146)) p.addCurve(to: CGPoint(x: 12.5, y: 3.997), control1: CGPoint(x: 12.246, y: 4.047), control2: CGPoint(x: 12.364, y: 3.997)) p.addCurve(to: CGPoint(x: 12.854, y: 4.146), control1: CGPoint(x: 12.636, y: 3.997), control2: CGPoint(x: 12.754, y: 4.047)) p.addCurve(to: CGPoint(x: 13, y: 4.5), control1: CGPoint(x: 12.951, y: 4.244), control2: CGPoint(x: 13, y: 4.362)) p.addCurve(to: CGPoint(x: 12.854, y: 4.854), control1: CGPoint(x: 13, y: 4.638), control2: CGPoint(x: 12.951, y: 4.756)) p.addLine(to: CGPoint(x: 9.854, y: 7.854)) p.addCurve(to: CGPoint(x: 9.5, y: 8), control1: CGPoint(x: 9.756, y: 7.951), control2: CGPoint(x: 9.638, y: 8)) p.addLine(to: CGPoint(x: 8, y: 8)) p.addLine(to: CGPoint(x: 8, y: 10.293)) p.addLine(to: CGPoint(x: 10.854, y: 13.146)) p.addCurve(to: CGPoint(x: 11.003, y: 13.5), control1: CGPoint(x: 10.953, y: 13.246), control2: CGPoint(x: 11.003, y: 13.364)) p.addCurve(to: CGPoint(x: 10.854, y: 13.854), control1: CGPoint(x: 11.003, y: 13.636), control2: CGPoint(x: 10.953, y: 13.754)) p.addCurve(to: CGPoint(x: 10.5, y: 14.003), control1: CGPoint(x: 10.754, y: 13.953), control2: CGPoint(x: 10.636, y: 14.003)) p.addCurve(to: CGPoint(x: 10.146, y: 13.854), control1: CGPoint(x: 10.364, y: 14.003), control2: CGPoint(x: 10.246, y: 13.953)) p.addLine(to: CGPoint(x: 7.5, y: 11.207)) p.addLine(to: CGPoint(x: 4.854, y: 13.854)) p.addCurve(to: CGPoint(x: 4.5, y: 14), control1: CGPoint(x: 4.756, y: 13.951), control2: CGPoint(x: 4.638, y: 14)) p.addCurve(to: CGPoint(x: 4.146, y: 13.854), control1: CGPoint(x: 4.362, y: 14), control2: CGPoint(x: 4.244, y: 13.951)) p.addCurve(to: CGPoint(x: 3.997, y: 13.5), control1: CGPoint(x: 4.047, y: 13.754), control2: CGPoint(x: 3.997, y: 13.636)) p.addCurve(to: CGPoint(x: 4.146, y: 13.146), control1: CGPoint(x: 3.997, y: 13.364), control2: CGPoint(x: 4.047, y: 13.246)) p.addLine(to: CGPoint(x: 7, y: 10.293)) p.addLine(to: CGPoint(x: 7, y: 8)) p.addLine(to: CGPoint(x: 5.5, y: 8)) p.addCurve(to: CGPoint(x: 5.146, y: 7.854), control1: CGPoint(x: 5.362, y: 8), control2: CGPoint(x: 5.244, y: 7.951)) p.addLine(to: CGPoint(x: 2.146, y: 4.854)) p.addCurve(to: CGPoint(x: 2, y: 4.5), control1: CGPoint(x: 2.049, y: 4.756), control2: CGPoint(x: 2, y: 4.638)) p.addCurve(to: CGPoint(x: 2.146, y: 4.146), control1: CGPoint(x: 2, y: 4.362), control2: CGPoint(x: 2.049, y: 4.244)) p.addCurve(to: CGPoint(x: 2.5, y: 4), control1: CGPoint(x: 2.244, y: 4.049), control2: CGPoint(x: 2.362, y: 4)) p.addCurve(to: CGPoint(x: 2.854, y: 4.146), control1: CGPoint(x: 2.638, y: 4), control2: CGPoint(x: 2.756, y: 4.049)) p.addLine(to: CGPoint(x: 5.707, y: 7)) p.addLine(to: CGPoint(x: 9.293, y: 7)) p.closeSubpath() return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16)) } } // AccessibilityIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp. ``` ### Compose ```kotlin // Gentleface "accessibility" (line-round), MIT. https://gentleface.com/icons/accessibility import androidx.compose.ui.graphics.Color import androidx.compose.ui.graphics.SolidColor import androidx.compose.ui.graphics.vector.ImageVector import androidx.compose.ui.graphics.vector.addPathNodes import androidx.compose.ui.unit.dp val AccessibilityIcon: ImageVector by lazy { ImageVector.Builder( name = "accessibility", defaultWidth = 16.dp, defaultHeight = 16.dp, viewportWidth = 16f, viewportHeight = 16f, ).addPath( pathData = addPathNodes("M5.732 1.732C5.976 1.488 6.259 1.303 6.58 1.176C6.875 1.059 7.182 1 7.5 1C7.818 1 8.125 1.059 8.42 1.176C8.741 1.303 9.024 1.488 9.268 1.732C9.512 1.976 9.697 2.259 9.824 2.58C9.941 2.875 10 3.182 10 3.5C10 3.818 9.941 4.125 9.824 4.42C9.697 4.741 9.512 5.024 9.268 5.268C9.024 5.512 8.741 5.697 8.42 5.824C8.125 5.941 7.818 6 7.5 6C7.182 6 6.875 5.941 6.58 5.824C6.259 5.697 5.976 5.512 5.732 5.268C5.488 5.024 5.303 4.741 5.176 4.42C5.059 4.125 5 3.818 5 3.5C5 3.182 5.059 2.875 5.176 2.58C5.303 2.259 5.488 1.976 5.732 1.732ZM6.439 4.561C6.586 4.707 6.755 4.818 6.948 4.895C7.125 4.965 7.309 5 7.5 5C7.691 5 7.875 4.965 8.052 4.895C8.245 4.818 8.414 4.707 8.561 4.561C8.707 4.414 8.818 4.245 8.895 4.052C8.965 3.875 9 3.691 9 3.5C9 3.309 8.965 3.125 8.895 2.948C8.818 2.755 8.707 2.586 8.561 2.439C8.414 2.293 8.245 2.182 8.052 2.105C7.875 2.035 7.691 2 7.5 2C7.309 2 7.125 2.035 6.948 2.105C6.755 2.182 6.586 2.293 6.439 2.439C6.293 2.586 6.182 2.755 6.105 2.948C6.035 3.125 6 3.309 6 3.5C6 3.691 6.035 3.875 6.105 4.052C6.182 4.245 6.293 4.414 6.439 4.561ZM9.293 7L12.146 4.146C12.246 4.047 12.364 3.997 12.5 3.997C12.636 3.997 12.754 4.047 12.854 4.146C12.951 4.244 13 4.362 13 4.5C13 4.638 12.951 4.756 12.854 4.854L9.854 7.854C9.756 7.951 9.638 8 9.5 8L8 8L8 10.293L10.854 13.146C10.953 13.246 11.003 13.364 11.003 13.5C11.003 13.636 10.953 13.754 10.854 13.854C10.754 13.953 10.636 14.003 10.5 14.003C10.364 14.003 10.246 13.953 10.146 13.854L7.5 11.207L4.854 13.854C4.756 13.951 4.638 14 4.5 14C4.362 14 4.244 13.951 4.146 13.854C4.047 13.754 3.997 13.636 3.997 13.5C3.997 13.364 4.047 13.246 4.146 13.146L7 10.293L7 8L5.5 8C5.362 8 5.244 7.951 5.146 7.854L2.146 4.854C2.049 4.756 2 4.638 2 4.5C2 4.362 2.049 4.244 2.146 4.146C2.244 4.049 2.362 4 2.5 4C2.638 4 2.756 4.049 2.854 4.146L5.707 7L9.293 7Z"), fill = SolidColor(Color.Black), ).build() } // Icon(AccessibilityIcon, contentDescription = null) tints it with LocalContentColor. ``` ### Android XML ```xml ``` ### Flutter ```dart // Gentleface "accessibility" (line-round), MIT. https://gentleface.com/icons/accessibility import 'package:flutter/widgets.dart'; class AccessibilityIcon extends StatelessWidget { const AccessibilityIcon({super.key, this.size = 16, this.color}); final double size; final Color? color; @override Widget build(BuildContext context) => CustomPaint( size: Size.square(size), painter: _AccessibilityIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)), ); } class _AccessibilityIconPainter extends CustomPainter { _AccessibilityIconPainter(this.color); final Color color; @override void paint(Canvas canvas, Size size) { canvas.scale(size.width / 16, size.height / 16); final p = Path() ..moveTo(5.732, 1.732) ..cubicTo(5.976, 1.488, 6.259, 1.303, 6.58, 1.176) ..cubicTo(6.875, 1.059, 7.182, 1, 7.5, 1) ..cubicTo(7.818, 1, 8.125, 1.059, 8.42, 1.176) ..cubicTo(8.741, 1.303, 9.024, 1.488, 9.268, 1.732) ..cubicTo(9.512, 1.976, 9.697, 2.259, 9.824, 2.58) ..cubicTo(9.941, 2.875, 10, 3.182, 10, 3.5) ..cubicTo(10, 3.818, 9.941, 4.125, 9.824, 4.42) ..cubicTo(9.697, 4.741, 9.512, 5.024, 9.268, 5.268) ..cubicTo(9.024, 5.512, 8.741, 5.697, 8.42, 5.824) ..cubicTo(8.125, 5.941, 7.818, 6, 7.5, 6) ..cubicTo(7.182, 6, 6.875, 5.941, 6.58, 5.824) ..cubicTo(6.259, 5.697, 5.976, 5.512, 5.732, 5.268) ..cubicTo(5.488, 5.024, 5.303, 4.741, 5.176, 4.42) ..cubicTo(5.059, 4.125, 5, 3.818, 5, 3.5) ..cubicTo(5, 3.182, 5.059, 2.875, 5.176, 2.58) ..cubicTo(5.303, 2.259, 5.488, 1.976, 5.732, 1.732) ..close() ..moveTo(6.439, 4.561) ..cubicTo(6.586, 4.707, 6.755, 4.818, 6.948, 4.895) ..cubicTo(7.125, 4.965, 7.309, 5, 7.5, 5) ..cubicTo(7.691, 5, 7.875, 4.965, 8.052, 4.895) ..cubicTo(8.245, 4.818, 8.414, 4.707, 8.561, 4.561) ..cubicTo(8.707, 4.414, 8.818, 4.245, 8.895, 4.052) ..cubicTo(8.965, 3.875, 9, 3.691, 9, 3.5) ..cubicTo(9, 3.309, 8.965, 3.125, 8.895, 2.948) ..cubicTo(8.818, 2.755, 8.707, 2.586, 8.561, 2.439) ..cubicTo(8.414, 2.293, 8.245, 2.182, 8.052, 2.105) ..cubicTo(7.875, 2.035, 7.691, 2, 7.5, 2) ..cubicTo(7.309, 2, 7.125, 2.035, 6.948, 2.105) ..cubicTo(6.755, 2.182, 6.586, 2.293, 6.439, 2.439) ..cubicTo(6.293, 2.586, 6.182, 2.755, 6.105, 2.948) ..cubicTo(6.035, 3.125, 6, 3.309, 6, 3.5) ..cubicTo(6, 3.691, 6.035, 3.875, 6.105, 4.052) ..cubicTo(6.182, 4.245, 6.293, 4.414, 6.439, 4.561) ..close() ..moveTo(9.293, 7) ..lineTo(12.146, 4.146) ..cubicTo(12.246, 4.047, 12.364, 3.997, 12.5, 3.997) ..cubicTo(12.636, 3.997, 12.754, 4.047, 12.854, 4.146) ..cubicTo(12.951, 4.244, 13, 4.362, 13, 4.5) ..cubicTo(13, 4.638, 12.951, 4.756, 12.854, 4.854) ..lineTo(9.854, 7.854) ..cubicTo(9.756, 7.951, 9.638, 8, 9.5, 8) ..lineTo(8, 8) ..lineTo(8, 10.293) ..lineTo(10.854, 13.146) ..cubicTo(10.953, 13.246, 11.003, 13.364, 11.003, 13.5) ..cubicTo(11.003, 13.636, 10.953, 13.754, 10.854, 13.854) ..cubicTo(10.754, 13.953, 10.636, 14.003, 10.5, 14.003) ..cubicTo(10.364, 14.003, 10.246, 13.953, 10.146, 13.854) ..lineTo(7.5, 11.207) ..lineTo(4.854, 13.854) ..cubicTo(4.756, 13.951, 4.638, 14, 4.5, 14) ..cubicTo(4.362, 14, 4.244, 13.951, 4.146, 13.854) ..cubicTo(4.047, 13.754, 3.997, 13.636, 3.997, 13.5) ..cubicTo(3.997, 13.364, 4.047, 13.246, 4.146, 13.146) ..lineTo(7, 10.293) ..lineTo(7, 8) ..lineTo(5.5, 8) ..cubicTo(5.362, 8, 5.244, 7.951, 5.146, 7.854) ..lineTo(2.146, 4.854) ..cubicTo(2.049, 4.756, 2, 4.638, 2, 4.5) ..cubicTo(2, 4.362, 2.049, 4.244, 2.146, 4.146) ..cubicTo(2.244, 4.049, 2.362, 4, 2.5, 4) ..cubicTo(2.638, 4, 2.756, 4.049, 2.854, 4.146) ..lineTo(5.707, 7) ..lineTo(9.293, 7) ..close(); canvas.drawPath(p, Paint()..color = color); } @override bool shouldRepaint(_AccessibilityIconPainter old) => old.color != color; } ```