Linear icon
devicon-plain:linear
The Linear icon (devicon-plain:linear) is a free SVG icon from the Devicon Plain set by konpa. It is drawn on a 128 × 128 grid. Devicon Plain icons are released under the MIT 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
- Devicon Plain
- Author
- konpa
- License
- MIT
- Size
- 128 × 128
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="currentColor" d="M1.569 78.75c-.285-1.215 1.161-1.98 2.043-1.098l46.736 46.736c.882.882.117 2.328-1.097 2.043C25.666 120.9 7.1 102.334 1.569 78.75M.002 60.017a1.27 1.27 0 0 0 .371.974l66.635 66.635c.257.257.611.393.974.37a64 64 0 0 0 8.912-1.185c.978-.2 1.318-1.403.612-2.11L3.297 50.495c-.706-.706-1.908-.366-2.11.612a64 64 0 0 0-1.185 8.912M5.39 38.023a1.265 1.265 0 0 0 .266 1.408l82.913 82.913c.37.37.93.48 1.408.266a64 64 0 0 0 6.638-3.435c.706-.42.815-1.391.234-1.973L10.798 31.151a1.256 1.256 0 0 0-1.973.234a64 64 0 0 0-3.435 6.638m10.813-14.888a1.26 1.26 0 0 1-.057-1.734C27.878 8.268 44.943 0 63.938 0C99.318 0 128 28.681 128 64.062c0 18.995-8.268 36.06-21.401 47.792c-.5.446-1.26.417-1.734-.057z"/></svg>
How to use the Linear icon
React
import { Icon } from "@iconify/react";
<Icon icon="devicon-plain:linear" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon-plain:linear" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon-plain:linear" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon-plain--linear]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon-plain -->
<div class="i-devicon-plain:linear"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon-plain:linear"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/devicon-plain/linear.svg" alt="Linear icon" width="24" height="24">
Related icons in Devicon Plain
Linear icon in other icon sets
Linear icon FAQ
Is the Linear icon free for commercial use?
Yes. Devicon Plain icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Linear icon in React?
Install @iconify/react and render <Icon icon="devicon-plain:linear" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Linear icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/devicon-plain/linear.svg" alt="Linear icon">, or paste the SVG code inline to style it with CSS.
Browse all Devicon Plain icons →
ICONYZ
