ICONYZ
English
Accessibility Linear icon from Solar

Accessibility Linear icon

solar:accessibility-linear

The Accessibility Linear icon (solar:accessibility-linear) 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
accessibilitylinear
Download SVG

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"><circle cx="12" cy="12" r="10"/><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"/></g></svg>

How to use the Accessibility Linear icon

React

import { Icon } from "@iconify/react";

<Icon icon="solar:accessibility-linear" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:accessibility-linear" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:accessibility-linear" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--accessibility-linear]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:accessibility-linear"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:accessibility-linear"></iconify-icon>

HTML image

<img src="https://icons.sys.karaztherapy.ma/api/public/svg/solar/accessibility-linear.svg" alt="Accessibility Linear icon" width="24" height="24">

Related icons in Solar

Accessibility Linear icon FAQ

Is the Accessibility Linear 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 Linear icon in React?

Install @iconify/react and render <Icon icon="solar:accessibility-linear" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Accessibility Linear 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-linear.svg" alt="Accessibility Linear icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →