accessible icon logo

accessible-icon from Font Awesome Brands by Dave Gandy · Brand · Accessibility · CC-BY-4.0 Attribution required.

Name: accessible-icon
Set: Font Awesome Brands
Style: Brand
Category: Accessibility
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

accessible-iconFont Awesome 6 Brands accessible-iconLine Awesome

Use the accessible icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M519.9 319.8L507 477.1c-3.3 40.7-63.9 35.1-60.6-4.9l10-122.5l-41.1 2.3c10.1 20.7 15.8 43.9 15.8 68.5c0 41.2-16.1 78.7-42.3 106.5l-39.3-39.3c57.9-63.7 13.1-167.2-74-167.2c-25.9 0-49.5 9.9-67.2 26L169 307.2c22-20.7 50.1-35.1 81.4-40.2l75.3-85.7l-42.6-24.8l-51.6 46c-30 26.8-70.6-18.5-40.5-45.4l68-60.7c9.8-8.8 24.1-10.2 35.5-3.6c0 0 139.3 80.9 139.5 81.1c16.2 10.1 20.7 36 6.1 52.6L381.7 293l106.1-5.9c18.5-1.1 33.6 14.4 32.1 32.7m-64.9-154c28.1 0 50.9-22.8 50.9-50.9S483.1 64 455 64s-50.9 22.8-50.9 50.9s22.8 50.9 50.9 50.9M275.6 520.5c-80.6 0-127.4-90.6-82.7-156.1l-39.7-39.7C132.4 351 120 384.3 120 420.4c0 130.7 150.7 201.4 251.4 122.5l-39.7-39.7c-16 10.9-35.3 17.3-56.1 17.3"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsAccessibleIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M519.9 319.8L507 477.1c-3.3 40.7-63.9 35.1-60.6-4.9l10-122.5l-41.1 2.3c10.1 20.7 15.8 43.9 15.8 68.5c0 41.2-16.1 78.7-42.3 106.5l-39.3-39.3c57.9-63.7 13.1-167.2-74-167.2c-25.9 0-49.5 9.9-67.2 26L169 307.2c22-20.7 50.1-35.1 81.4-40.2l75.3-85.7l-42.6-24.8l-51.6 46c-30 26.8-70.6-18.5-40.5-45.4l68-60.7c9.8-8.8 24.1-10.2 35.5-3.6c0 0 139.3 80.9 139.5 81.1c16.2 10.1 20.7 36 6.1 52.6L381.7 293l106.1-5.9c18.5-1.1 33.6 14.4 32.1 32.7m-64.9-154c28.1 0 50.9-22.8 50.9-50.9S483.1 64 455 64s-50.9 22.8-50.9 50.9s22.8 50.9 50.9 50.9M275.6 520.5c-80.6 0-127.4-90.6-82.7-156.1l-39.7-39.7C132.4 351 120 384.3 120 420.4c0 130.7 150.7 201.4 251.4 122.5l-39.7-39.7c-16 10.9-35.3 17.3-56.1 17.3"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M519.9 319.8L507 477.1c-3.3 40.7-63.9 35.1-60.6-4.9l10-122.5l-41.1 2.3c10.1 20.7 15.8 43.9 15.8 68.5c0 41.2-16.1 78.7-42.3 106.5l-39.3-39.3c57.9-63.7 13.1-167.2-74-167.2c-25.9 0-49.5 9.9-67.2 26L169 307.2c22-20.7 50.1-35.1 81.4-40.2l75.3-85.7l-42.6-24.8l-51.6 46c-30 26.8-70.6-18.5-40.5-45.4l68-60.7c9.8-8.8 24.1-10.2 35.5-3.6c0 0 139.3 80.9 139.5 81.1c16.2 10.1 20.7 36 6.1 52.6L381.7 293l106.1-5.9c18.5-1.1 33.6 14.4 32.1 32.7m-64.9-154c28.1 0 50.9-22.8 50.9-50.9S483.1 64 455 64s-50.9 22.8-50.9 50.9s22.8 50.9 50.9 50.9M275.6 520.5c-80.6 0-127.4-90.6-82.7-156.1l-39.7-39.7C132.4 351 120 384.3 120 420.4c0 130.7 150.7 201.4 251.4 122.5l-39.7-39.7c-16 10.9-35.3 17.3-56.1 17.3"/></svg>
</template>

CSS

.icon-accessible-icon {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M519.9%20319.8L507%20477.1c-3.3%2040.7-63.9%2035.1-60.6-4.9l10-122.5l-41.1%202.3c10.1%2020.7%2015.8%2043.9%2015.8%2068.5c0%2041.2-16.1%2078.7-42.3%20106.5l-39.3-39.3c57.9-63.7%2013.1-167.2-74-167.2c-25.9%200-49.5%209.9-67.2%2026L169%20307.2c22-20.7%2050.1-35.1%2081.4-40.2l75.3-85.7l-42.6-24.8l-51.6%2046c-30%2026.8-70.6-18.5-40.5-45.4l68-60.7c9.8-8.8%2024.1-10.2%2035.5-3.6c0%200%20139.3%2080.9%20139.5%2081.1c16.2%2010.1%2020.7%2036%206.1%2052.6L381.7%20293l106.1-5.9c18.5-1.1%2033.6%2014.4%2032.1%2032.7m-64.9-154c28.1%200%2050.9-22.8%2050.9-50.9S483.1%2064%20455%2064s-50.9%2022.8-50.9%2050.9s22.8%2050.9%2050.9%2050.9M275.6%20520.5c-80.6%200-127.4-90.6-82.7-156.1l-39.7-39.7C132.4%20351%20120%20384.3%20120%20420.4c0%20130.7%20150.7%20201.4%20251.4%20122.5l-39.7-39.7c-16%2010.9-35.3%2017.3-56.1%2017.3%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M519.9%20319.8L507%20477.1c-3.3%2040.7-63.9%2035.1-60.6-4.9l10-122.5l-41.1%202.3c10.1%2020.7%2015.8%2043.9%2015.8%2068.5c0%2041.2-16.1%2078.7-42.3%20106.5l-39.3-39.3c57.9-63.7%2013.1-167.2-74-167.2c-25.9%200-49.5%209.9-67.2%2026L169%20307.2c22-20.7%2050.1-35.1%2081.4-40.2l75.3-85.7l-42.6-24.8l-51.6%2046c-30%2026.8-70.6-18.5-40.5-45.4l68-60.7c9.8-8.8%2024.1-10.2%2035.5-3.6c0%200%20139.3%2080.9%20139.5%2081.1c16.2%2010.1%2020.7%2036%206.1%2052.6L381.7%20293l106.1-5.9c18.5-1.1%2033.6%2014.4%2032.1%2032.7m-64.9-154c28.1%200%2050.9-22.8%2050.9-50.9S483.1%2064%20455%2064s-50.9%2022.8-50.9%2050.9s22.8%2050.9%2050.9%2050.9M275.6%20520.5c-80.6%200-127.4-90.6-82.7-156.1l-39.7-39.7C132.4%20351%20120%20384.3%20120%20420.4c0%20130.7%20150.7%20201.4%20251.4%20122.5l-39.7-39.7c-16%2010.9-35.3%2017.3-56.1%2017.3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-brands/accessible-icon.svg?color=%231a73e8&size=48