Volume 2 icon
matita:volume-2
The Volume 2 icon (matita:volume-2) is a free SVG icon from the Matita set by matita.dev. It is drawn on a 24 × 24 grid. Matita 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
- Matita
- Author
- matita.dev
- License
- MIT
- Size
- 24 × 24
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-linejoin="round" stroke-width="1.6"><path stroke-width="1.696" d="M3.56 9.07q1.92-.01 3.83.03q2.72-2.18 5.27-4.55q.09 7.46-.29 14.91q-2.47-2.22-4.78-4.6q-2.14-.04-4.28-.05q.12-2.87.25-5.74q.82-.01 1.64.01"/><path stroke-width="1.568" d="M14.8 9.1c.2.14.9.47 1.16.84c.26.36.34.91.41 1.37s.09.94.01 1.38c-.09.45-.28.92-.54 1.29c-.27.36-.87.76-1.05.91"/><path stroke-width="1.456" d="M16.82 5.99c.32.34 1.42 1.29 1.93 2.06c.5.77.92 1.66 1.12 2.55c.2.9.26 1.92.07 2.81s-.69 1.77-1.22 2.52s-1.63 1.66-1.95 1.99"/></g></svg>
How to use the Volume 2 icon
React
import { Icon } from "@iconify/react";
<Icon icon="matita:volume-2" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="matita:volume-2" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="matita:volume-2" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[matita--volume-2]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/matita -->
<div class="i-matita:volume-2"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="matita:volume-2"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/matita/volume-2.svg" alt="Volume 2 icon" width="24" height="24">
Volume 2 icon in other icon sets
Volume 2 icon FAQ
Is the Volume 2 icon free for commercial use?
Yes. Matita icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Volume 2 icon in React?
Install @iconify/react and render <Icon icon="matita:volume-2" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Volume 2 icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/matita/volume-2.svg" alt="Volume 2 icon">, or paste the SVG code inline to style it with CSS.
Browse all Matita icons →
ICONYZ
