Muted Linear icon
solar:muted-linear
The Muted Linear icon (solar:muted-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
- Video
- Tags
- mutedlinear
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-linecap="round" stroke-width="1.5"><path d="M16.6589 6C16.5186 5.20217 16.2887 4.68467 15.8669 4.37163C15.7026 4.24973 15.5186 4.15089 15.3286 4.08241C14.3375 3.72527 13.1569 4.54728 10.7955 6.1913L10.5922 6.33284C10.1953 6.60922 9.99677 6.74741 9.78309 6.84699C9.57186 6.94543 9.34985 7.01576 9.12219 7.05635C8.89189 7.09742 8.65414 7.09742 8.17865 7.09742C6.90287 7.09742 6.26498 7.09742 5.70846 7.3693C5.19999 7.61771 4.69153 8.12289 4.42579 8.64369C4.13493 9.21371 4.10072 9.80635 4.0323 10.9916C4.01206 11.3423 4 11.6839 4 12C4 12.3161 4.01206 12.6577 4.0323 13.0084C4.10072 14.1936 4.13493 14.7863 4.42579 15.3563C4.69153 15.8771 5.19999 16.3823 5.70846 16.6307C6.26498 16.9026 6.90287 16.9026 8.17865 16.9026C8.65414 16.9026 8.89189 16.9026 9.12219 16.9436C9.34985 16.9842 9.57186 17.0546 9.78309 17.153C9.99677 17.2526 10.1953 17.3908 10.5922 17.6672L10.7955 17.8087C13.1569 19.4527 14.3375 20.2747 15.3286 19.9176C15.5186 19.8491 15.7026 19.7503 15.8669 19.6284C16.2887 19.3153 16.5186 18.7978 16.6589 18"/><path d="M20 9.00002L14 15M14 9L19.9999 15"/></g></svg>How to use the Muted Linear icon
React
import { Icon } from "@iconify/react";
<Icon icon="solar:muted-linear" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:muted-linear" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:muted-linear" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--muted-linear]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:muted-linear"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:muted-linear"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/solar/muted-linear.svg" alt="Muted Linear icon" width="24" height="24">Related icons in Solar
Muted Linear icon FAQ
Is the Muted 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 Muted Linear icon in React?
Install @iconify/react and render <Icon icon="solar:muted-linear" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Muted Linear icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/muted-linear.svg" alt="Muted Linear icon">, or paste the SVG code inline to style it with CSS.