audio icon

audio-outlined from Ant Design Icons by HeskeyBaozi · Outlined · MIT Free for personal and commercial use.

Name: audio-outlined
Set: Ant Design Icons
Style: Outlined
Viewbox: 1024×1024
License: MIT
Aliases: audio, audio-outline

2 other variants in Ant Design Icons

audio-filled audio-twotone

The same icon in other sets

audioCatppuccin Icons audioMaterial Icon Theme audioTDesign Icons audioWeb3 Icons audioWeb3 Icons Branded

Related icons in Ant Design Icons

audio-muted-outlined

Use the audio icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M842 454c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8c0 140.3-113.7 254-254 254S258 594.3 258 454c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8c0 168.7 126.6 307.9 290 327.6V884H326.7c-13.7 0-24.7 14.3-24.7 32v36c0 4.4 2.8 8 6.2 8h407.6c3.4 0 6.2-3.6 6.2-8v-36c0-17.7-11-32-24.7-32H548V782.1c165.3-18 294-158 294-328.1M512 624c93.9 0 170-75.2 170-168V232c0-92.8-76.1-168-170-168s-170 75.2-170 168v224c0 92.8 76.1 168 170 168m-94-392c0-50.6 41.9-92 94-92s94 41.4 94 92v224c0 50.6-41.9 92-94 92s-94-41.4-94-92z"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignAudioOutlined(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" d="M842 454c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8c0 140.3-113.7 254-254 254S258 594.3 258 454c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8c0 168.7 126.6 307.9 290 327.6V884H326.7c-13.7 0-24.7 14.3-24.7 32v36c0 4.4 2.8 8 6.2 8h407.6c3.4 0 6.2-3.6 6.2-8v-36c0-17.7-11-32-24.7-32H548V782.1c165.3-18 294-158 294-328.1M512 624c93.9 0 170-75.2 170-168V232c0-92.8-76.1-168-170-168s-170 75.2-170 168v224c0 92.8 76.1 168 170 168m-94-392c0-50.6 41.9-92 94-92s94 41.4 94 92v224c0 50.6-41.9 92-94 92s-94-41.4-94-92z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M842 454c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8c0 140.3-113.7 254-254 254S258 594.3 258 454c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8c0 168.7 126.6 307.9 290 327.6V884H326.7c-13.7 0-24.7 14.3-24.7 32v36c0 4.4 2.8 8 6.2 8h407.6c3.4 0 6.2-3.6 6.2-8v-36c0-17.7-11-32-24.7-32H548V782.1c165.3-18 294-158 294-328.1M512 624c93.9 0 170-75.2 170-168V232c0-92.8-76.1-168-170-168s-170 75.2-170 168v224c0 92.8 76.1 168 170 168m-94-392c0-50.6 41.9-92 94-92s94 41.4 94 92v224c0 50.6-41.9 92-94 92s-94-41.4-94-92z"/></svg>
</template>

CSS

.icon-audio-outlined {
  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%20d%3D%22M842%20454c0-4.4-3.6-8-8-8h-60c-4.4%200-8%203.6-8%208c0%20140.3-113.7%20254-254%20254S258%20594.3%20258%20454c0-4.4-3.6-8-8-8h-60c-4.4%200-8%203.6-8%208c0%20168.7%20126.6%20307.9%20290%20327.6V884H326.7c-13.7%200-24.7%2014.3-24.7%2032v36c0%204.4%202.8%208%206.2%208h407.6c3.4%200%206.2-3.6%206.2-8v-36c0-17.7-11-32-24.7-32H548V782.1c165.3-18%20294-158%20294-328.1M512%20624c93.9%200%20170-75.2%20170-168V232c0-92.8-76.1-168-170-168s-170%2075.2-170%20168v224c0%2092.8%2076.1%20168%20170%20168m-94-392c0-50.6%2041.9-92%2094-92s94%2041.4%2094%2092v224c0%2050.6-41.9%2092-94%2092s-94-41.4-94-92z%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%20d%3D%22M842%20454c0-4.4-3.6-8-8-8h-60c-4.4%200-8%203.6-8%208c0%20140.3-113.7%20254-254%20254S258%20594.3%20258%20454c0-4.4-3.6-8-8-8h-60c-4.4%200-8%203.6-8%208c0%20168.7%20126.6%20307.9%20290%20327.6V884H326.7c-13.7%200-24.7%2014.3-24.7%2032v36c0%204.4%202.8%208%206.2%208h407.6c3.4%200%206.2-3.6%206.2-8v-36c0-17.7-11-32-24.7-32H548V782.1c165.3-18%20294-158%20294-328.1M512%20624c93.9%200%20170-75.2%20170-168V232c0-92.8-76.1-168-170-168s-170%2075.2-170%20168v224c0%2092.8%2076.1%20168%20170%20168m-94-392c0-50.6%2041.9-92%2094-92s94%2041.4%2094%2092v224c0%2050.6-41.9%2092-94%2092s-94-41.4-94-92z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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