Unmute Animated Icon
Customize colours, stroke, and background — then export in any format.
Export
Lottie.jsonSVG.svgPNG.png
The Unmute animated icon is part of the Music & audio collection, designed in Outline style. Available in Lottie (.json), SVG and PNG — free to use in personal and commercial projects under the Unicorn Icons license. Use it in web and mobile projects. Customize colors, stroke width, and animation speed directly in the browser before exporting.
Available formats
- Lottie (.json)—Plays in React, Vue, iOS, Android, Flutter, and HTML with the lottie-web player.
- SVG—Scalable vector for CSS and HTML — no rasterization at any size.
- PNG—Raster fallback for email templates and static image contexts.
Integration examples
// React — lottie-react
import Lottie from "lottie-react";
import unmuteIcon from "./unmute.json";
export default function App() {
return <Lottie animationData={unmuteIcon} loop />;
}Frequently asked questions
- How do I use the Unmute icon in React?
- Install lottie-react (npm install lottie-react), download the Unmute .json file, then import and render it: <Lottie animationData={unmuteIcon} loop />. The animation plays automatically and loops by default.
- What formats is the Unmute icon available in?
- The Unmute icon is available in Lottie (.json), SVG, PNG. Download any format from the export panel — you can also customize colors and speed before downloading.
- Is the Unmute icon free to use?
- Yes, the Unmute icon is free to use in personal and commercial projects under the Unicorn Icons license. No attribution required.