Accessibility Broken icon
solar:accessibility-broken
The Accessibility Broken icon (solar:accessibility-broken) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Solar
- Author
- 480 Design
- License
- CC-BY-4.0
- Size
- 24 × 24
- Category
- UI
- Tags
- accessibilitybroken
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M14 7C14 8.10457 13.1046 9 12 9C10.8954 9 10 8.10457 10 7C10 5.89543 10.8954 5 12 5C13.1046 5 14 5.89543 14 7Z"/><path stroke-linecap="round" d="M18 10C18 10 14.4627 11.5 12 11.5C9.53727 11.5 6 10 6 10"/><path stroke-linecap="round" d="M12 12V13.4522M12 13.4522C12 14.0275 12.1654 14.5906 12.4765 15.0745L15 19M12 13.4522C12 14.0275 11.8346 14.5906 11.5235 15.0745L9 19"/><path stroke-linecap="round" d="M7 3.33782C8.47087 2.48697 10.1786 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 10.1786 2.48697 8.47087 3.33782 7"/></g></svg>How to use the Accessibility Broken icon
React
import { Icon } from "@iconify/react";
<Icon icon="solar:accessibility-broken" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:accessibility-broken" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:accessibility-broken" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--accessibility-broken]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:accessibility-broken"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:accessibility-broken"></iconify-icon>HTML image
<img src="https://icons.sys.karaztherapy.ma/api/public/svg/solar/accessibility-broken.svg" alt="Accessibility Broken icon" width="24" height="24">Related icons in Solar
Accessibility Broken icon FAQ
Is the Accessibility Broken icon free for commercial use?
Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Accessibility Broken icon in React?
Install @iconify/react and render <Icon icon="solar:accessibility-broken" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Accessibility Broken icon to a web page?
Link the SVG file in an image tag: <img src="https://icons.sys.karaztherapy.ma/api/public/svg/solar/accessibility-broken.svg" alt="Accessibility Broken icon">, or paste the SVG code inline to style it with CSS.