audio description icon

audio-description from Line Awesome by Icons8 · Line · Audio & Video · Apache-2.0 Free for personal and commercial use.

Name: audio-description
Set: Line Awesome
Style: Line
Category: Audio & Video
Viewbox: 32×32
License: Apache 2.0
Aliases: audio-description-solid

The same icon in other sets

audio-descriptionFont Awesome 6 Solid audio-descriptionFont Awesome Solid audio-descriptionMaterial Symbols audio-descriptionMaterial Symbols Light

More audio & video icons from Line Awesome

Use the audio description icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m5.594 7l-.313.281S2 10.601 2 16s3.281 8.719 3.281 8.719l.313.281h20.812l.313-.281S30 21.399 30 16s-3.281-8.719-3.281-8.719L26.406 7zm.937 2H25.47c.336.355 2.531 2.73 2.531 7s-2.195 6.645-2.531 7H6.53C6.195 22.645 4 20.27 4 16s2.195-6.645 2.531-7m3.844 3l-4 8h2.25l.5-1H11v1h2c2.2 0 4-1.8 4-4s-1.8-4-4-4zm5.594 0A4.98 4.98 0 0 1 18 16c0 1.64-.805 3.09-2.031 4h2.781A6.95 6.95 0 0 0 20 16a6.95 6.95 0 0 0-1.25-4zm3.937 0A7.96 7.96 0 0 1 21 16a7.96 7.96 0 0 1-1.094 4h2.25A10 10 0 0 0 23 16a9.9 9.9 0 0 0-.844-4zm3.344 0a10.9 10.9 0 0 1 .75 4a10.9 10.9 0 0 1-.75 4h2.125A12.9 12.9 0 0 0 26 16a12.9 12.9 0 0 0-.625-4zM13 14c1.117 0 2 .883 2 2s-.883 2-2 2zm-2 1.25V17h-.875z"/></svg>

React

import type { SVGProps } from "react";

export function LaAudioDescription(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m5.594 7l-.313.281S2 10.601 2 16s3.281 8.719 3.281 8.719l.313.281h20.812l.313-.281S30 21.399 30 16s-3.281-8.719-3.281-8.719L26.406 7zm.937 2H25.47c.336.355 2.531 2.73 2.531 7s-2.195 6.645-2.531 7H6.53C6.195 22.645 4 20.27 4 16s2.195-6.645 2.531-7m3.844 3l-4 8h2.25l.5-1H11v1h2c2.2 0 4-1.8 4-4s-1.8-4-4-4zm5.594 0A4.98 4.98 0 0 1 18 16c0 1.64-.805 3.09-2.031 4h2.781A6.95 6.95 0 0 0 20 16a6.95 6.95 0 0 0-1.25-4zm3.937 0A7.96 7.96 0 0 1 21 16a7.96 7.96 0 0 1-1.094 4h2.25A10 10 0 0 0 23 16a9.9 9.9 0 0 0-.844-4zm3.344 0a10.9 10.9 0 0 1 .75 4a10.9 10.9 0 0 1-.75 4h2.125A12.9 12.9 0 0 0 26 16a12.9 12.9 0 0 0-.625-4zM13 14c1.117 0 2 .883 2 2s-.883 2-2 2zm-2 1.25V17h-.875z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m5.594 7l-.313.281S2 10.601 2 16s3.281 8.719 3.281 8.719l.313.281h20.812l.313-.281S30 21.399 30 16s-3.281-8.719-3.281-8.719L26.406 7zm.937 2H25.47c.336.355 2.531 2.73 2.531 7s-2.195 6.645-2.531 7H6.53C6.195 22.645 4 20.27 4 16s2.195-6.645 2.531-7m3.844 3l-4 8h2.25l.5-1H11v1h2c2.2 0 4-1.8 4-4s-1.8-4-4-4zm5.594 0A4.98 4.98 0 0 1 18 16c0 1.64-.805 3.09-2.031 4h2.781A6.95 6.95 0 0 0 20 16a6.95 6.95 0 0 0-1.25-4zm3.937 0A7.96 7.96 0 0 1 21 16a7.96 7.96 0 0 1-1.094 4h2.25A10 10 0 0 0 23 16a9.9 9.9 0 0 0-.844-4zm3.344 0a10.9 10.9 0 0 1 .75 4a10.9 10.9 0 0 1-.75 4h2.125A12.9 12.9 0 0 0 26 16a12.9 12.9 0 0 0-.625-4zM13 14c1.117 0 2 .883 2 2s-.883 2-2 2zm-2 1.25V17h-.875z"/></svg>
</template>

CSS

.icon-audio-description {
  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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m5.594%207l-.313.281S2%2010.601%202%2016s3.281%208.719%203.281%208.719l.313.281h20.812l.313-.281S30%2021.399%2030%2016s-3.281-8.719-3.281-8.719L26.406%207zm.937%202H25.47c.336.355%202.531%202.73%202.531%207s-2.195%206.645-2.531%207H6.53C6.195%2022.645%204%2020.27%204%2016s2.195-6.645%202.531-7m3.844%203l-4%208h2.25l.5-1H11v1h2c2.2%200%204-1.8%204-4s-1.8-4-4-4zm5.594%200A4.98%204.98%200%200%201%2018%2016c0%201.64-.805%203.09-2.031%204h2.781A6.95%206.95%200%200%200%2020%2016a6.95%206.95%200%200%200-1.25-4zm3.937%200A7.96%207.96%200%200%201%2021%2016a7.96%207.96%200%200%201-1.094%204h2.25A10%2010%200%200%200%2023%2016a9.9%209.9%200%200%200-.844-4zm3.344%200a10.9%2010.9%200%200%201%20.75%204a10.9%2010.9%200%200%201-.75%204h2.125A12.9%2012.9%200%200%200%2026%2016a12.9%2012.9%200%200%200-.625-4zM13%2014c1.117%200%202%20.883%202%202s-.883%202-2%202zm-2%201.25V17h-.875z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m5.594%207l-.313.281S2%2010.601%202%2016s3.281%208.719%203.281%208.719l.313.281h20.812l.313-.281S30%2021.399%2030%2016s-3.281-8.719-3.281-8.719L26.406%207zm.937%202H25.47c.336.355%202.531%202.73%202.531%207s-2.195%206.645-2.531%207H6.53C6.195%2022.645%204%2020.27%204%2016s2.195-6.645%202.531-7m3.844%203l-4%208h2.25l.5-1H11v1h2c2.2%200%204-1.8%204-4s-1.8-4-4-4zm5.594%200A4.98%204.98%200%200%201%2018%2016c0%201.64-.805%203.09-2.031%204h2.781A6.95%206.95%200%200%200%2020%2016a6.95%206.95%200%200%200-1.25-4zm3.937%200A7.96%207.96%200%200%201%2021%2016a7.96%207.96%200%200%201-1.094%204h2.25A10%2010%200%200%200%2023%2016a9.9%209.9%200%200%200-.844-4zm3.344%200a10.9%2010.9%200%200%201%20.75%204a10.9%2010.9%200%200%201-.75%204h2.125A12.9%2012.9%200%200%200%2026%2016a12.9%2012.9%200%200%200-.625-4zM13%2014c1.117%200%202%20.883%202%202s-.883%202-2%202zm-2%201.25V17h-.875z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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