md volume off icon
md-volume-off from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- md-volume-off
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
- Aliases
- android-volume-off
Related icons in IonIcons
md-addmd-add-circlemd-airplanemd-alarmmd-albumsmd-alertmd-american-footballmd-analyticsmd-aperturemd-appsmd-appstoremd-archivemd-arrow-backmd-arrow-downmd-arrow-dropdownmd-arrow-dropdown-circlemd-arrow-dropleftmd-arrow-dropleft-circlemd-arrow-droprightmd-arrow-dropright-circlemd-arrow-dropupmd-arrow-dropup-circlemd-arrow-forwardmd-arrow-round-back
Use the md volume off icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M405.5 256c0 22.717-4.883 44.362-13.603 63.855l31.88 31.88C439.283 323.33 448 290.653 448 256c0-93.256-64-172.254-149-192v44.978C361 127.632 405.5 186.882 405.5 256z" fill="currentColor"/><path d="M256 80.458l-51.021 52.48L256 183.957z" fill="currentColor"/><path d="M420.842 396.885L91.116 67.157l-24 24 90.499 90.413-8.28 10.43H64v128h85.334L256 431.543V280l94.915 94.686C335.795 387.443 318 397.213 299 403.022V448c31-7.172 58.996-22.163 82.315-42.809l39.61 39.693 24-24.043-24.002-24.039-.081.083z" fill="currentColor"/><path d="M352.188 256c0-38.399-21.188-72.407-53.188-88.863v59.82l50.801 50.801A100.596 100.596 0 00352.188 256z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonMdVolumeOff(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M405.5 256c0 22.717-4.883 44.362-13.603 63.855l31.88 31.88C439.283 323.33 448 290.653 448 256c0-93.256-64-172.254-149-192v44.978C361 127.632 405.5 186.882 405.5 256z" fill="currentColor"/><path d="M256 80.458l-51.021 52.48L256 183.957z" fill="currentColor"/><path d="M420.842 396.885L91.116 67.157l-24 24 90.499 90.413-8.28 10.43H64v128h85.334L256 431.543V280l94.915 94.686C335.795 387.443 318 397.213 299 403.022V448c31-7.172 58.996-22.163 82.315-42.809l39.61 39.693 24-24.043-24.002-24.039-.081.083z" fill="currentColor"/><path d="M352.188 256c0-38.399-21.188-72.407-53.188-88.863v59.82l50.801 50.801A100.596 100.596 0 00352.188 256z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M405.5 256c0 22.717-4.883 44.362-13.603 63.855l31.88 31.88C439.283 323.33 448 290.653 448 256c0-93.256-64-172.254-149-192v44.978C361 127.632 405.5 186.882 405.5 256z" fill="currentColor"/><path d="M256 80.458l-51.021 52.48L256 183.957z" fill="currentColor"/><path d="M420.842 396.885L91.116 67.157l-24 24 90.499 90.413-8.28 10.43H64v128h85.334L256 431.543V280l94.915 94.686C335.795 387.443 318 397.213 299 403.022V448c31-7.172 58.996-22.163 82.315-42.809l39.61 39.693 24-24.043-24.002-24.039-.081.083z" fill="currentColor"/><path d="M352.188 256c0-38.399-21.188-72.407-53.188-88.863v59.82l50.801 50.801A100.596 100.596 0 00352.188 256z" fill="currentColor"/></svg> </template>
CSS
.icon-md-volume-off {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M405.5%20256c0%2022.717-4.883%2044.362-13.603%2063.855l31.88%2031.88C439.283%20323.33%20448%20290.653%20448%20256c0-93.256-64-172.254-149-192v44.978C361%20127.632%20405.5%20186.882%20405.5%20256z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M256%2080.458l-51.021%2052.48L256%20183.957z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M420.842%20396.885L91.116%2067.157l-24%2024%2090.499%2090.413-8.28%2010.43H64v128h85.334L256%20431.543V280l94.915%2094.686C335.795%20387.443%20318%20397.213%20299%20403.022V448c31-7.172%2058.996-22.163%2082.315-42.809l39.61%2039.693%2024-24.043-24.002-24.039-.081.083z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M352.188%20256c0-38.399-21.188-72.407-53.188-88.863v59.82l50.801%2050.801A100.596%20100.596%200%2000352.188%20256z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M405.5%20256c0%2022.717-4.883%2044.362-13.603%2063.855l31.88%2031.88C439.283%20323.33%20448%20290.653%20448%20256c0-93.256-64-172.254-149-192v44.978C361%20127.632%20405.5%20186.882%20405.5%20256z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M256%2080.458l-51.021%2052.48L256%20183.957z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M420.842%20396.885L91.116%2067.157l-24%2024%2090.499%2090.413-8.28%2010.43H64v128h85.334L256%20431.543V280l94.915%2094.686C335.795%20387.443%20318%20397.213%20299%20403.022V448c31-7.172%2058.996-22.163%2082.315-42.809l39.61%2039.693%2024-24.043-24.002-24.039-.081.083z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M352.188%20256c0-38.399-21.188-72.407-53.188-88.863v59.82l50.801%2050.801A100.596%20100.596%200%2000352.188%20256z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/md-volume-off.svg?color=%231a73e8&size=48
