Volume Linear icon

solar:volume-linear

The Volume Linear icon (solar:volume-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: volumelinear

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.03479 10.9714C5.10847 9.76255 5.14531 9.15814 5.45854 8.57679C5.74473 8.04563 6.2923 7.53042 6.83988 7.27707C7.43921 6.99979 8.12617 6.99979 9.50008 6.99979C10.0122 6.99979 10.2682 6.99979 10.5162 6.95791C10.7614 6.9165 11.0005 6.84478 11.2279 6.74438C11.4581 6.64283 11.6718 6.50189 12.0993 6.22002L12.3183 6.07566C14.8612 4.39898 16.1327 3.56063 17.2001 3.92487C17.4047 3.9947 17.6028 4.09551 17.7797 4.21984C18.7024 4.86829 18.7725 6.37699 18.9127 9.3944C18.9646 10.5117 19 11.4679 19 11.9998C19 12.5317 18.9646 13.4879 18.9127 14.6052C18.7725 17.6226 18.7024 19.1313 17.7797 19.7797C17.6028 19.9041 17.4047 20.0049 17.2001 20.0747C16.1327 20.4389 14.8612 19.6006 12.3183 17.9239L12.0993 17.7796C11.6718 17.4977 11.4581 17.3567 11.2279 17.2552C11.0005 17.1548 10.7614 17.0831 10.5162 17.0417C10.2682 16.9998 10.0122 16.9998 9.50008 16.9998C8.12617 16.9998 7.43921 16.9998 6.83988 16.7225C6.2923 16.4692 5.74473 15.9539 5.45854 15.4228C5.14531 14.8414 5.10847 14.237 5.03479 13.0282C5.01299 12.6706 5 12.3222 5 11.9998C5 11.6774 5.01299 11.329 5.03479 10.9714Z"/></svg>

How to use the Volume Linear icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

<img src="https://iconyz.com/api/public/svg/solar/volume-linear.svg" alt="Volume Linear icon" width="24" height="24">

Related icons in Solar

Volume Linear icon FAQ

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

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

How do I add the Volume Linear icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/volume-linear.svg" alt="Volume Linear icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →