Update accessibility icons

based on the "Accessible Icon" project by Sara Hendren, Brian Glenney
(https://en.wikipedia.org/wiki/International_Symbol_of_Access#Accessible_Icon)

Matches Apple and Noto emojis and is considered more inclusive.
This commit is contained in:
Manuel Jesús de la Fuente 2024-08-18 15:33:42 +00:00 committed by Nate Graham
parent 79034c6438
commit bd74a94d59
3 changed files with 90 additions and 29 deletions

View File

@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 22 22">
<defs>
<style type="text/css" id="current-color-scheme">
.ColorScheme-Text { color: #232629; }
</style>
</defs>
<path d="M13.5 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2M6 12.5a3.5 3.5 0 0 1 1.991-3.159l.891.891A2.351 2.351 0 1 0 11.797 13h1.168A3.5 3.5 0 0 1 6 12.5" style="fill:currentColor" class="ColorScheme-Text"/>
<path d="M9.931 7.769 8.85 8.85l-.175-.175C8.5 8.5 8.15 8.15 8.8 7.5l.65-.65c1 0 1.57.29 1.917.55l1.763 1.322S12.25 10 12.025 11l2.868-.1a.53.53 0 0 1 .545.596l-.361 2.889L16 15h-2.125L14 12h-3.867l-.063-.2a3 3 0 0 1 .163-2.208l.558-1.15h.383z" style="fill:currentColor" class="ColorScheme-Text"/>
<path fill-rule="evenodd" d="M20 11a9 9 0 1 0-18 0 9 9 0 0 0 18 0m-9-8a8 8 0 1 1 0 16 8 8 0 0 1 0-16" clip-rule="evenodd" style="fill:currentColor" class="ColorScheme-Text"/>
</svg>

After

Width:  |  Height:  |  Size: 884 B

View File

@ -1 +1,42 @@
<svg height="22" width="22" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><linearGradient id="a" gradientTransform="matrix(.64285808 0 0 .64285808 -246.51057 -330.87061)" gradientUnits="userSpaceOnUse" x2="0" y1="545.79797" y2="517.79797"><stop offset="0" stop-color="#197cf1"/><stop offset="1" stop-color="#20bcfa"/></linearGradient><linearGradient id="b" gradientUnits="userSpaceOnUse" x1="11" x2="11" y1="22" y2="6"><stop offset="0" stop-color="#7cbaf8"/><stop offset="1" stop-color="#f4fcff"/></linearGradient><linearGradient id="c" gradientUnits="userSpaceOnUse" x1="6" x2="20" y1="6" y2="20"><stop offset="0"/><stop offset="1" stop-opacity="0"/></linearGradient><rect fill="url(#a)" height="18.000046" rx="9.000019" stroke-width=".642858" width="18.000032" x="2" y="2"/><path d="m12 6a1 1 0 0 0 -1 1 1 1 0 0 0 1 1 1 1 0 0 0 1-1 1 1 0 0 0 -1-1zm-2 2a4 4 0 0 0 -4 4 4 4 0 0 0 4 4 4 4 0 0 0 3.082031-1.458984l-.923828-.462891a3 3 0 0 1 -2.158203.921875 3 3 0 0 1 -3-3 3 3 0 0 1 2.7441406-2.9804688zm1.119141.5-1.2792972 4.5h4.3203122l.878906 2.189453.921876-.378906-1.121094-2.810547h-3.179688l.669922-2.3300781 1.980469.7910161.378906-.9218755-2.589844-1.0390625z" fill="url(#b)"/><path d="m12 6c-.2652 0-.519531.1054388-.707031.2929688-.1875.18754-.292969.4418112-.292969.7070312s.105469.5194913.292969.7070312l.07813.078125.628901.7148438-1.017578.4824219-.982422-.9824219c-1.06087 0-2.077975.421735-2.828125 1.171875-.75014.75015-1.171875 1.767225-1.171875 2.828125s.421735 2.078025 1.171875 2.828125l5.080078 5.082031a9 9 0 0 0 7.439453-6.634765l-6.984375-6.9824222c-.1875-.18753-.441831-.2929688-.707031-.2929688z" fill="url(#c)" opacity=".2"/><path d="m12 6c-.2652 0-.519531.1054388-.707031.2929688-.1875.18754-.292969.4418112-.292969.7070312v1c0 .26522.105469.5194913.292969.7070312.1875.1875302.441831.2929688.707031.2929688.02676 0 .05359-.00178.08008-.00391l.01953.50391 2.236329.898438-.02539.0625-1.980471-.7910161-.669922 2.3300781v1h-1.535156l.994141-3.5v-1l-1.2792972 4.5v1h4.3203122l.878906 2.189453.921876-.378906v-1l-1.121094-2.810547h-2.892578l.382812-1.330078 1.980469.791016.378906-.921876v-.9999995l-2.007812-.8066406c.0087-.00813.01693-.016926.02539-.025391.1875-.1875394.292969-.4418109.292969-.7070309v-1c0-.26522-.105469-.5194913-.292969-.7070312-.1875-.18753-.441831-.2929688-.707031-.2929688zm0 1 .03906.9980469c-.013199.0005243-.025795.0019531-.03906.0019531-.2652 0-.519531-.1054388-.707031-.2929688-.062291-.0623039-.114889-.132031-.158203-.2070312.04331-.075.09591-.1447274.158203-.2070312.1875-.18753.441831-.2929688.707031-.2929688zm.03906.00195c.250776.00996.489848.1128658.667969.2910157.06229.062304.114889.132031.158203.2070312-.04331.075-.09591.1447274-.158203.2070312-.168577.1686048-.39099.2701552-.626953.2890626zm-2.03906.99805c-1.06087 0-2.077975.421735-2.828125 1.171875-.75014.75015-1.171875 1.767225-1.171875 2.828125v1c0 1.0609.421735 2.078025 1.171875 2.828125.75015.7502 1.767255 1.171875 2.828125 1.171875 1.1936-.0021 2.323831-.537184 3.082031-1.458984v-1l-.923828-.462891c-.5644.5876-1.343503.920375-2.158203.921875-.79565 0-1.5584838-.316306-2.1210938-.878906-.4419291-.441922-.7319406-1.007316-.8359374-1.615235.2244239-1.326315 1.3201338-2.368085 2.7011718-2.486328l.2558594-1.019531zm-.2539062 1.0097656-.00195.00977c-1.5487232.1325556-2.7396838 1.4260644-2.7441438 2.9804644v1c0 .7956.3162964 1.558494.8789062 2.121094.5098654.509856 1.1842545.817936 1.8984376.871094-.9799187-.054452-1.9078371-.466385-2.6054688-1.164063-.6315166-.631483-1.0303684-1.451284-1.140625-2.328125.1102566-.876841.5091084-1.696642 1.140625-2.328125.6901367-.6901551 1.6059767-1.1005822 2.5742188-1.1621094zm4.4140622 3.9902344h.679688l.779297 1.951172-.580079.238281zm-2.001953 2.078125.238281.119141c-.644395.484438-1.426332.766171-2.24414.798828.758953-.03995 1.476734-.367094 2.005859-.917969z" opacity=".15"/><path d="m12 6a1 1 0 0 0 -1 1 1 1 0 0 0 1 1 1 1 0 0 0 1-1 1 1 0 0 0 -1-1zm-2 2a4 4 0 0 0 -4 4 4 4 0 0 0 4 4 4 4 0 0 0 3.082031-1.458984l-.923828-.462891a3 3 0 0 1 -2.158203.921875 3 3 0 0 1 -3-3 3 3 0 0 1 2.7441406-2.9804688zm1.119141.5-1.2792972 4.5h4.3203122l.878906 2.189453.921876-.378906-1.121094-2.810547h-3.179688l.669922-2.3300781 1.980469.7910161.378906-.9218755-2.589844-1.0390625z" fill="url(#b)"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 22 22">
<path fill="url(#a)" d="M20 11a9 9 0 1 0-18 0 9 9 0 1 0 18 0"/>
<g opacity=".2">
<path fill="url(#b)" d="m19.942 12.028-5.735-5.735-1.414 1.414 6.586 6.586a8.942 8.942 0 0 0 .563-2.265"/>
<path fill="url(#c)" d="M19.176 14.768 13.13 8.722 11.367 7.4c-.346-.26-.917-.55-1.917-.55l-.775 1.825 1.38 1.38a3 3 0 0 0-.095 1.255L7.991 9.341a3.5 3.5 0 0 0-.966 5.634l4.948 4.973a9.007 9.007 0 0 0 7.203-5.18"/>
</g>
<g fill="#000" opacity=".1">
<path fill-rule="evenodd" d="m9.35 9.35-.675-.675.288-.679.968-.397 3.199 1.123v.744c-.25.442-.598 1.098-.729 1.52l3.037.416v1.094l-.246 1.965L16 15v1h-2.125v-1l.083-2H13v.5a3.5 3.5 0 0 1-3.995 3.465l-1.98-1.99A3.49 3.49 0 0 1 6 12.5l1.5-2.27h1.38l.002.002v1A2.364 2.364 0 0 0 7.195 13v1.385L9.5 15l3-1.005V13h-2.367c-.137-.367-.202-.648-.202-1l.555-2.93-.555-.301z" clip-rule="evenodd"/>
<path d="M13.97 8.883A1 1 0 0 0 14.5 8V7l-1.707.707z"/>
</g>
<path fill="url(#d)" d="M13.5 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2"/>
<path fill="url(#e)" d="M6 12.5a3.5 3.5 0 0 1 1.991-3.159l.891.891A2.351 2.351 0 1 0 11.797 13h1.168A3.5 3.5 0 0 1 6 12.5"/>
<path fill="url(#f)" d="M9.931 7.769 8.85 8.85l-.175-.175C8.5 8.5 8.15 8.15 8.8 7.5l.65-.65c1 0 1.57.29 1.917.55l1.763 1.322S12.25 10 12.025 11l2.868-.1a.53.53 0 0 1 .545.596l-.361 2.889L16 15h-2.125L14 12h-3.867l-.063-.2a3 3 0 0 1 .163-2.208l.558-1.15h.383z"/>
<defs>
<linearGradient id="a" x1="-246.511" x2="-246.511" y1="20" y2="2" gradientUnits="userSpaceOnUse">
<stop stop-color="#197CF1"/>
<stop offset="1" stop-color="#20BCFA"/>
</linearGradient>
<linearGradient id="b" x1="6" x2="19.966" y1="6.293" y2="20.802" gradientUnits="userSpaceOnUse">
<stop/>
<stop offset=".35" stop-opacity=".5"/>
<stop offset=".798" stop-opacity="0"/>
</linearGradient>
<linearGradient id="c" x1="6" x2="19.966" y1="6.293" y2="20.802" gradientUnits="userSpaceOnUse">
<stop/>
<stop offset=".35" stop-opacity=".5"/>
<stop offset=".798" stop-opacity="0"/>
</linearGradient>
<linearGradient id="d" x1="11.02" x2="11.02" y1="22" y2="6" gradientUnits="userSpaceOnUse">
<stop stop-color="#7CBAF8"/>
<stop offset="1" stop-color="#F4FCFF"/>
</linearGradient>
<linearGradient id="e" x1="11.02" x2="11.02" y1="22" y2="6" gradientUnits="userSpaceOnUse">
<stop stop-color="#7CBAF8"/>
<stop offset="1" stop-color="#F4FCFF"/>
</linearGradient>
<linearGradient id="f" x1="11.02" x2="11.02" y1="22" y2="6" gradientUnits="userSpaceOnUse">
<stop stop-color="#7CBAF8"/>
<stop offset="1" stop-color="#F4FCFF"/>
</linearGradient>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB

View File

@ -1,28 +1,38 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg width="32" version="1.1" xmlns="http://www.w3.org/2000/svg" height="32" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape">
<defs id="defs5455">
<linearGradient inkscape:collect="always" id="linearGradient4143">
<stop style="stop-color:#197cf1" id="stop4145"/>
<stop offset="1" style="stop-color:#20bcfa" id="stop4147"/>
</linearGradient>
<linearGradient inkscape:collect="always" xlink:href="#linearGradient4143" id="linearGradient4149" y1="545.79797" y2="517.79797" x2="0" gradientUnits="userSpaceOnUse"/>
<linearGradient inkscape:collect="always" id="linearGradient4290">
<stop style="stop-color:#7cbaf8" id="stop4292"/>
<stop offset="1" style="stop-color:#f4fcff" id="stop4294"/>
</linearGradient>
<linearGradient inkscape:collect="always" xlink:href="#linearGradient4290" id="linearGradient4188" y1="538.79797" y2="524.79797" x2="0" gradientUnits="userSpaceOnUse"/>
<linearGradient inkscape:collect="always" xlink:href="#linearGradient4410" id="linearGradient4216" y1="8.999974" x1="9" y2="23" x2="23.00004" gradientUnits="userSpaceOnUse"/>
<linearGradient inkscape:collect="always" id="linearGradient4410">
<stop style="stop-color:#383e51" id="stop4412"/>
<stop offset="1" style="stop-color:#655c6f;stop-opacity:0" id="stop4414"/>
</linearGradient>
</defs>
<metadata id="metadata5458"/>
<g inkscape:label="Capa 1" inkscape:groupmode="layer" id="layer1" transform="matrix(1 0 0 1 -384.57143 -515.798)">
<rect width="28.00001" x="386.57144" y="517.79797" rx="14.00001" height="28.00003" style="fill:url(#linearGradient4149)" id="rect4130"/>
<path style="fill:url(#linearGradient4216);opacity:0.2;fill-rule:evenodd" id="path4190" d="M 17.59375 12.984375 L 16 15.027344 L 17.982422 16.171875 C 17.178512 16.54851 15.777724 17.234569 19 18 C 19.339723 18.0807 18.93686 18.679305 18.849609 19 L 19 19 L 21.703125 21.703125 L 21.3125 23 L 25.025391 26.712891 C 26.168745 25.749763 27.14427 24.601231 27.929688 23.320312 L 17.59375 12.984375 z M 16 14 L 15.917969 14.113281 C 16.043358 14.142621 16.162731 14.185803 16.283203 14.226562 L 16 14 z M 11.621094 20.128906 L 11 21 L 19.535156 29.535156 C 21.035997 29.146602 22.440446 28.52717 23.699219 27.699219 L 17.283203 21.283203 C 16.636156 21.732906 15.851083 22 15 22 C 13.569615 22 12.327895 21.251894 11.621094 20.128906 z " transform="matrix(1 0 0 1 384.57143 515.798)"/>
<path inkscape:connector-curvature="0" style="fill:url(#linearGradient4188)" id="rect4137" d="m 401.57145,524.798 c -0.831,0 -1.5,0.669 -1.5,1.5 0,0.831 0.669,1.5 1.5,1.5 0.831,0 1.5,-0.669 1.5,-1.5 0,-0.831 -0.669,-1.5 -1.5,-1.5 z m -1.16602,3.31445 -1.78906,5.98047 c -0.009,0.0207 -0.0111,0.0443 -0.0176,0.0664 l -0.0273,0.10351 0.006,0.002 c -8.7e-4,0.0114 -0.006,0.0215 -0.006,0.0332 0,0.277 0.223,0.5 0.5,0.5 l 1.5,0 2,0 1,0 2.30859,4 0.69141,-0.39844 -1,-4.60156 -3.69922,-0.69922 0.0527,-0.75976 3.64649,1.45898 -3.60352,-2.88086 0.20313,-2.11523 -1.76563,-0.68946 z m -0.83398,0.68555 c -2.77,0 -5,2.23 -5,5 0,2.77 2.23,5 5,5 1.12807,0 2.15745,-0.38215 2.99219,-1.00781 l -0.71875,-0.71875 c -0.64444,0.45127 -1.42197,0.72656 -2.27344,0.72656 -2.216,0 -4,-1.784 -4,-4 0,-2.216 1.784,-4 4,-4 l 0,-1 z"/>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32">
<path fill="url(#a)" d="M30 16c0-7.732-6.268-14-14-14S2 8.268 2 16s6.268 14 14 14 14-6.268 14-14"/>
<g opacity=".2">
<path fill="url(#b)" d="M29.746 18.667 20.49 9.41l-1.98 1.98L28.8 21.68a13.9 13.9 0 0 0 .946-3.013"/>
<path fill="url(#c)" d="m28.494 22.324-9.512-9.513-2.469-1.85c-.484-.364-1.283-.77-2.683-.77l-.91.91c-.91.91-.434 1.564-.189 1.81l1.868 1.867c-.111.313-.19.651-.195 1.04l-1.222-1.222s-.695-.446-1.18-1.18a5.001 5.001 0 0 0-1.538 8.12l8.267 8.198a14.022 14.022 0 0 0 9.763-7.41"/>
</g>
<path fill="url(#d)" d="M20.9 10.4a1.4 1.4 0 1 1-2.8 0 1.4 1.4 0 0 1 2.8 0"/>
<path fill="url(#e)" d="m13.175 13.137 1.329-1.66 1.739.942h-.268s-.582.647-1.049 1.61C14.459 14.992 14 16 15 18h1.176c.881 0 1.76-.073 2.63-.218L20 17.5l-.5 4.5h3l-1.292-.861.653-3.639a3.42 3.42 0 0 1 .05-.281c.07-.337.134-.649-.185-1.018-.301-.348-.816-.323-1.973-.267a44.51 44.51 0 0 1-2.317.066c.314-1.4 1.546-3.189 1.546-3.189l-2.469-1.851c-.484-.364-1.283-.77-2.683-.77l-.91.91c-.91.91-.434 1.565-.189 1.81.245.245.444.227.444.227"/>
<path fill="url(#f)" d="M14 21.5c1.6 0 2.948-1.073 3.366-2.538a17.566 17.566 0 0 0 1.57-.164 5.001 5.001 0 1 1-6.935-5.382 4.528 4.528 0 0 0 1.18 1.18A3.501 3.501 0 0 0 14 21.5"/>
<defs>
<linearGradient id="a" x1="-384.571" x2="-384.571" y1="30" y2="2" gradientUnits="userSpaceOnUse">
<stop stop-color="#197CF1"/>
<stop offset="1" stop-color="#20BCFA"/>
</linearGradient>
<linearGradient id="b" x1="9" x2="29.787" y1="9.41" y2="31.001" gradientUnits="userSpaceOnUse">
<stop/>
<stop offset=".35" stop-opacity=".5"/>
<stop offset=".798" stop-opacity="0"/>
</linearGradient>
<linearGradient id="c" x1="9" x2="29.787" y1="9.41" y2="31.001" gradientUnits="userSpaceOnUse">
<stop/>
<stop offset=".35" stop-opacity=".5"/>
<stop offset=".798" stop-opacity="0"/>
</linearGradient>
<linearGradient id="d" x1="16.1" x2="16.1" y1="31.636" y2="8.607" gradientUnits="userSpaceOnUse">
<stop stop-color="#7CBAF8"/>
<stop offset="1" stop-color="#F4FCFF"/>
</linearGradient>
<linearGradient id="e" x1="16.1" x2="16.1" y1="31.636" y2="8.607" gradientUnits="userSpaceOnUse">
<stop stop-color="#7CBAF8"/>
<stop offset="1" stop-color="#F4FCFF"/>
</linearGradient>
<linearGradient id="f" x1="16.1" x2="16.1" y1="31.636" y2="8.607" gradientUnits="userSpaceOnUse">
<stop stop-color="#7CBAF8"/>
<stop offset="1" stop-color="#F4FCFF"/>
</linearGradient>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 3.3 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB