universal access icon

universal-access from Font Awesome 6 Solid by Dave Gandy · Regular · Accessibility · CC-BY-4.0 Attribution required.

Name: universal-access
Set: Font Awesome 6 Solid
Style: Regular
Category: Accessibility
Viewbox: 512×512
License: CC BY 4.0

The same icon in other sets

universal-accessBootstrap Icons universal-accessBoxIcons v2 universal-accessBoxIcons v2 Solid universal-accessHuge Icons universal-accessLine Awesome

More accessibility icons from Font Awesome 6 Solid

audio-description braille closed-captioning phone-volume tty wheelchair

Use the universal access icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M0 256a256 256 0 1 1 512 0a256 256 0 1 1-512 0m161.5-86.1c-12.2-5.2-26.3.4-31.5 12.6s.4 26.3 12.6 31.5l11.9 5.1c17.3 7.4 35.2 12.9 53.6 16.3v50.1c0 4.3-.7 8.6-2.1 12.6l-28.7 86.1c-4.2 12.6 2.6 26.2 15.2 30.4s26.2-2.6 30.4-15.2l24.4-73.2c1.3-3.8 4.8-6.4 8.8-6.4s7.6 2.6 8.8 6.4l24.4 73.2c4.2 12.6 17.8 19.4 30.4 15.2s19.4-17.8 15.2-30.4l-28.7-86.1q-2.1-6.15-2.1-12.6v-50.1c18.4-3.5 36.3-8.9 53.6-16.3l11.9-5.1c12.2-5.2 17.8-19.3 12.6-31.5s-19.3-17.8-31.5-12.6l-12 5.1c-26.1 11.2-54.2 17-82.7 17s-56.5-5.8-82.7-17l-11.9-5.1zM256 160a40 40 0 1 0 0-80a40 40 0 1 0 0 80"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidUniversalAccess(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="M0 256a256 256 0 1 1 512 0a256 256 0 1 1-512 0m161.5-86.1c-12.2-5.2-26.3.4-31.5 12.6s.4 26.3 12.6 31.5l11.9 5.1c17.3 7.4 35.2 12.9 53.6 16.3v50.1c0 4.3-.7 8.6-2.1 12.6l-28.7 86.1c-4.2 12.6 2.6 26.2 15.2 30.4s26.2-2.6 30.4-15.2l24.4-73.2c1.3-3.8 4.8-6.4 8.8-6.4s7.6 2.6 8.8 6.4l24.4 73.2c4.2 12.6 17.8 19.4 30.4 15.2s19.4-17.8 15.2-30.4l-28.7-86.1q-2.1-6.15-2.1-12.6v-50.1c18.4-3.5 36.3-8.9 53.6-16.3l11.9-5.1c12.2-5.2 17.8-19.3 12.6-31.5s-19.3-17.8-31.5-12.6l-12 5.1c-26.1 11.2-54.2 17-82.7 17s-56.5-5.8-82.7-17l-11.9-5.1zM256 160a40 40 0 1 0 0-80a40 40 0 1 0 0 80"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M0 256a256 256 0 1 1 512 0a256 256 0 1 1-512 0m161.5-86.1c-12.2-5.2-26.3.4-31.5 12.6s.4 26.3 12.6 31.5l11.9 5.1c17.3 7.4 35.2 12.9 53.6 16.3v50.1c0 4.3-.7 8.6-2.1 12.6l-28.7 86.1c-4.2 12.6 2.6 26.2 15.2 30.4s26.2-2.6 30.4-15.2l24.4-73.2c1.3-3.8 4.8-6.4 8.8-6.4s7.6 2.6 8.8 6.4l24.4 73.2c4.2 12.6 17.8 19.4 30.4 15.2s19.4-17.8 15.2-30.4l-28.7-86.1q-2.1-6.15-2.1-12.6v-50.1c18.4-3.5 36.3-8.9 53.6-16.3l11.9-5.1c12.2-5.2 17.8-19.3 12.6-31.5s-19.3-17.8-31.5-12.6l-12 5.1c-26.1 11.2-54.2 17-82.7 17s-56.5-5.8-82.7-17l-11.9-5.1zM256 160a40 40 0 1 0 0-80a40 40 0 1 0 0 80"/></svg>
</template>

CSS

.icon-universal-access {
  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%22M0%20256a256%20256%200%201%201%20512%200a256%20256%200%201%201-512%200m161.5-86.1c-12.2-5.2-26.3.4-31.5%2012.6s.4%2026.3%2012.6%2031.5l11.9%205.1c17.3%207.4%2035.2%2012.9%2053.6%2016.3v50.1c0%204.3-.7%208.6-2.1%2012.6l-28.7%2086.1c-4.2%2012.6%202.6%2026.2%2015.2%2030.4s26.2-2.6%2030.4-15.2l24.4-73.2c1.3-3.8%204.8-6.4%208.8-6.4s7.6%202.6%208.8%206.4l24.4%2073.2c4.2%2012.6%2017.8%2019.4%2030.4%2015.2s19.4-17.8%2015.2-30.4l-28.7-86.1q-2.1-6.15-2.1-12.6v-50.1c18.4-3.5%2036.3-8.9%2053.6-16.3l11.9-5.1c12.2-5.2%2017.8-19.3%2012.6-31.5s-19.3-17.8-31.5-12.6l-12%205.1c-26.1%2011.2-54.2%2017-82.7%2017s-56.5-5.8-82.7-17l-11.9-5.1zM256%20160a40%2040%200%201%200%200-80a40%2040%200%201%200%200%2080%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%22M0%20256a256%20256%200%201%201%20512%200a256%20256%200%201%201-512%200m161.5-86.1c-12.2-5.2-26.3.4-31.5%2012.6s.4%2026.3%2012.6%2031.5l11.9%205.1c17.3%207.4%2035.2%2012.9%2053.6%2016.3v50.1c0%204.3-.7%208.6-2.1%2012.6l-28.7%2086.1c-4.2%2012.6%202.6%2026.2%2015.2%2030.4s26.2-2.6%2030.4-15.2l24.4-73.2c1.3-3.8%204.8-6.4%208.8-6.4s7.6%202.6%208.8%206.4l24.4%2073.2c4.2%2012.6%2017.8%2019.4%2030.4%2015.2s19.4-17.8%2015.2-30.4l-28.7-86.1q-2.1-6.15-2.1-12.6v-50.1c18.4-3.5%2036.3-8.9%2053.6-16.3l11.9-5.1c12.2-5.2%2017.8-19.3%2012.6-31.5s-19.3-17.8-31.5-12.6l-12%205.1c-26.1%2011.2-54.2%2017-82.7%2017s-56.5-5.8-82.7-17l-11.9-5.1zM256%20160a40%2040%200%201%200%200-80a40%2040%200%201%200%200%2080%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/universal-access.svg?color=%231a73e8&size=48