Universal Access icon
el:universal-access
The Universal Access icon (el:universal-access) is a free SVG icon from the Elusive Icons set by Team Redux. It is drawn on a 1200 × 1200 grid. Elusive Icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Elusive Icons
- Author
- Team Redux
- License
- OFL-1.1
- Size
- 1200 × 1200
- Tags
- universalaccess
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M600 0C268.629 0 0 268.629 0 600s268.629 600 600 600s600-268.629 600-600S931.371 0 600 0m0 80.167c287.105 0 519.833 232.727 519.833 519.833S887.106 1119.871 600 1119.871S80.129 887.106 80.129 600S312.894 80.167 600 80.167m322.375 460.996c17.269 16.33 16.732 39.747 3.838 56.29c-15.771 16.638-40.629 17.347-56.29 3.838c-48.914-44.386-102.442-85.918-152.237-131.77c-.152 1.96-13.502-8.813-19.189-8.956q-7.677 0-7.677 17.91c2.512 49.275-1.148 101.299 4.478 149.04q3.199 26.226 3.198 30.064l57.569 327.505c3.299 30.075-13.141 52.539-39.658 57.569c-26.557 7.224-53.846-15.676-57.569-39.658c0 0-46.445-264.445-47.335-268.657s-2.46-27.537-11.514-28.784c-11.634 4.222-10.286 23.812-11.516 28.784c-1.229 4.972-47.335 268.657-47.335 268.657c-7.78 27.743-31.696 44.14-57.568 39.658c-29.562-7.392-44.012-31.018-39.658-57.569L501.481 656.3c8.5-60.769 6.396-115.129 6.396-176.546q0-17.916-7.036-18.55q-7.036-.64-18.55 9.595L330.051 601.29c-17.788 13.255-42.655 11.046-56.29-3.838c-13.784-19.696-12.902-41.007 3.838-56.29l199.573-176.546q14.075-8.956 26.228-12.154q12.156-3.198 30.062-3.198h133.05q17.91 0 30.063 3.198q12.154 3.199 26.227 13.433c63.542 55.737 131.004 115.703 199.573 175.268M688.031 238.326c0 48.328-39.178 87.505-87.504 87.505c-48.328 0-87.506-39.177-87.506-87.505s39.178-87.504 87.506-87.504c48.327-.001 87.504 39.177 87.504 87.504"/></svg>
How to use the Universal Access icon
React
import { Icon } from "@iconify/react";
<Icon icon="el:universal-access" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="el:universal-access" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="el:universal-access" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[el--universal-access]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:universal-access"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="el:universal-access"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/el/universal-access.svg" alt="Universal Access icon" width="24" height="24">
Universal Access icon in other icon sets
Universal Access icon FAQ
Is the Universal Access icon free for commercial use?
Yes. Elusive Icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Universal Access icon in React?
Install @iconify/react and render <Icon icon="el:universal-access" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Universal Access icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/el/universal-access.svg" alt="Universal Access icon">, or paste the SVG code inline to style it with CSS.
Browse all Elusive Icons →
ICONYZ
