sound icon

sound-twotone from Ant Design Icons by HeskeyBaozi · TwoTone · MIT Free for personal and commercial use.

Name: sound-twotone
Set: Ant Design Icons
Style: TwoTone
Viewbox: 1024×1024
License: MIT

2 other variants in Ant Design Icons

The same icon in other sets

soundIconPark soundIconPark Outline soundIconPark Solid soundIconPark TwoTone soundTDesign Icons

Use the sound icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" fill-opacity=".15" d="M275.4 424H146v176h129.4l18 11.7L586 803V221L293.3 412.3z"/><path fill="currentColor" d="m892.1 737.8l-110.3-63.7a15.9 15.9 0 0 0-21.7 5.9l-19.9 34.5c-4.4 7.6-1.8 17.4 5.8 21.8L856.3 800a15.9 15.9 0 0 0 21.7-5.9l19.9-34.5c4.4-7.6 1.7-17.4-5.8-21.8M934 476H806c-8.8 0-16 7.2-16 16v40c0 8.8 7.2 16 16 16h128c8.8 0 16-7.2 16-16v-40c0-8.8-7.2-16-16-16M760 344a15.9 15.9 0 0 0 21.7 5.9L892 286.2c7.6-4.4 10.2-14.2 5.8-21.8L878 230a15.9 15.9 0 0 0-21.7-5.9L746 287.8a15.99 15.99 0 0 0-5.8 21.8zM625.9 115c-5.9 0-11.9 1.6-17.4 5.3L254 352H90c-8.8 0-16 7.2-16 16v288c0 8.8 7.2 16 16 16h164l354.5 231.7c5.5 3.6 11.6 5.3 17.4 5.3c16.7 0 32.1-13.3 32.1-32.1V147.1c0-18.8-15.4-32.1-32.1-32.1M586 803L293.4 611.7l-18-11.7H146V424h129.4l17.9-11.7L586 221z"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignSoundTwotone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" fillOpacity=".15" d="M275.4 424H146v176h129.4l18 11.7L586 803V221L293.3 412.3z"/><path fill="currentColor" d="m892.1 737.8l-110.3-63.7a15.9 15.9 0 0 0-21.7 5.9l-19.9 34.5c-4.4 7.6-1.8 17.4 5.8 21.8L856.3 800a15.9 15.9 0 0 0 21.7-5.9l19.9-34.5c4.4-7.6 1.7-17.4-5.8-21.8M934 476H806c-8.8 0-16 7.2-16 16v40c0 8.8 7.2 16 16 16h128c8.8 0 16-7.2 16-16v-40c0-8.8-7.2-16-16-16M760 344a15.9 15.9 0 0 0 21.7 5.9L892 286.2c7.6-4.4 10.2-14.2 5.8-21.8L878 230a15.9 15.9 0 0 0-21.7-5.9L746 287.8a15.99 15.99 0 0 0-5.8 21.8zM625.9 115c-5.9 0-11.9 1.6-17.4 5.3L254 352H90c-8.8 0-16 7.2-16 16v288c0 8.8 7.2 16 16 16h164l354.5 231.7c5.5 3.6 11.6 5.3 17.4 5.3c16.7 0 32.1-13.3 32.1-32.1V147.1c0-18.8-15.4-32.1-32.1-32.1M586 803L293.4 611.7l-18-11.7H146V424h129.4l17.9-11.7L586 221z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" fill-opacity=".15" d="M275.4 424H146v176h129.4l18 11.7L586 803V221L293.3 412.3z"/><path fill="currentColor" d="m892.1 737.8l-110.3-63.7a15.9 15.9 0 0 0-21.7 5.9l-19.9 34.5c-4.4 7.6-1.8 17.4 5.8 21.8L856.3 800a15.9 15.9 0 0 0 21.7-5.9l19.9-34.5c4.4-7.6 1.7-17.4-5.8-21.8M934 476H806c-8.8 0-16 7.2-16 16v40c0 8.8 7.2 16 16 16h128c8.8 0 16-7.2 16-16v-40c0-8.8-7.2-16-16-16M760 344a15.9 15.9 0 0 0 21.7 5.9L892 286.2c7.6-4.4 10.2-14.2 5.8-21.8L878 230a15.9 15.9 0 0 0-21.7-5.9L746 287.8a15.99 15.99 0 0 0-5.8 21.8zM625.9 115c-5.9 0-11.9 1.6-17.4 5.3L254 352H90c-8.8 0-16 7.2-16 16v288c0 8.8 7.2 16 16 16h164l354.5 231.7c5.5 3.6 11.6 5.3 17.4 5.3c16.7 0 32.1-13.3 32.1-32.1V147.1c0-18.8-15.4-32.1-32.1-32.1M586 803L293.4 611.7l-18-11.7H146V424h129.4l17.9-11.7L586 221z"/></svg>
</template>

CSS

.icon-sound-twotone {
  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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.15%22%20d%3D%22M275.4%20424H146v176h129.4l18%2011.7L586%20803V221L293.3%20412.3z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m892.1%20737.8l-110.3-63.7a15.9%2015.9%200%200%200-21.7%205.9l-19.9%2034.5c-4.4%207.6-1.8%2017.4%205.8%2021.8L856.3%20800a15.9%2015.9%200%200%200%2021.7-5.9l19.9-34.5c4.4-7.6%201.7-17.4-5.8-21.8M934%20476H806c-8.8%200-16%207.2-16%2016v40c0%208.8%207.2%2016%2016%2016h128c8.8%200%2016-7.2%2016-16v-40c0-8.8-7.2-16-16-16M760%20344a15.9%2015.9%200%200%200%2021.7%205.9L892%20286.2c7.6-4.4%2010.2-14.2%205.8-21.8L878%20230a15.9%2015.9%200%200%200-21.7-5.9L746%20287.8a15.99%2015.99%200%200%200-5.8%2021.8zM625.9%20115c-5.9%200-11.9%201.6-17.4%205.3L254%20352H90c-8.8%200-16%207.2-16%2016v288c0%208.8%207.2%2016%2016%2016h164l354.5%20231.7c5.5%203.6%2011.6%205.3%2017.4%205.3c16.7%200%2032.1-13.3%2032.1-32.1V147.1c0-18.8-15.4-32.1-32.1-32.1M586%20803L293.4%20611.7l-18-11.7H146V424h129.4l17.9-11.7L586%20221z%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.15%22%20d%3D%22M275.4%20424H146v176h129.4l18%2011.7L586%20803V221L293.3%20412.3z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m892.1%20737.8l-110.3-63.7a15.9%2015.9%200%200%200-21.7%205.9l-19.9%2034.5c-4.4%207.6-1.8%2017.4%205.8%2021.8L856.3%20800a15.9%2015.9%200%200%200%2021.7-5.9l19.9-34.5c4.4-7.6%201.7-17.4-5.8-21.8M934%20476H806c-8.8%200-16%207.2-16%2016v40c0%208.8%207.2%2016%2016%2016h128c8.8%200%2016-7.2%2016-16v-40c0-8.8-7.2-16-16-16M760%20344a15.9%2015.9%200%200%200%2021.7%205.9L892%20286.2c7.6-4.4%2010.2-14.2%205.8-21.8L878%20230a15.9%2015.9%200%200%200-21.7-5.9L746%20287.8a15.99%2015.99%200%200%200-5.8%2021.8zM625.9%20115c-5.9%200-11.9%201.6-17.4%205.3L254%20352H90c-8.8%200-16%207.2-16%2016v288c0%208.8%207.2%2016%2016%2016h164l354.5%20231.7c5.5%203.6%2011.6%205.3%2017.4%205.3c16.7%200%2032.1-13.3%2032.1-32.1V147.1c0-18.8-15.4-32.1-32.1-32.1M586%20803L293.4%20611.7l-18-11.7H146V424h129.4l17.9-11.7L586%20221z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/sound-twotone.svg?color=%231a73e8&size=48