mic a icon
mic-a from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- mic-a
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
Related icons in IonIcons
Use the mic a icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M112.1 238.1l-.1 13.6c.1 65.6 46 120.6 108.1 136.2 1.3.1 2.6.5 3.8.9 5.9 2 10.1 6.9 12.1 12.8v58.7c0 10.9 8.9 19.7 20 19.7h.1c11.1 0 19.9-8.8 19.9-19.7v-58.8c2-5.9 6.1-10.7 12-12.7 1.2-.4 2.5-.8 3.9-.9C354 372.3 400 317.3 400 251.7v-13.6c0-10.4-8.9-18.9-19.5-18.9s-19.5 8.4-19.5 18.9v13.6c0 28.5-11.5 54.1-30.6 72.8-19.2 18.6-45.3 30.2-74.5 30.2-29.2 0-55.1-11.5-74.2-30.2S151 280.1 151 251.7v-13.6c0-10.4-8.8-18.9-19.5-18.9-10.6 0-19.4 8.5-19.4 18.9z" fill="currentColor"/><path d="M179 107.7v143.8c0 41.8 34.7 75.7 77.5 75.7s77.5-33.9 77.5-75.7V107.7c0-41.8-34.7-75.7-77.5-75.7S179 65.9 179 107.7z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonMicA(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M112.1 238.1l-.1 13.6c.1 65.6 46 120.6 108.1 136.2 1.3.1 2.6.5 3.8.9 5.9 2 10.1 6.9 12.1 12.8v58.7c0 10.9 8.9 19.7 20 19.7h.1c11.1 0 19.9-8.8 19.9-19.7v-58.8c2-5.9 6.1-10.7 12-12.7 1.2-.4 2.5-.8 3.9-.9C354 372.3 400 317.3 400 251.7v-13.6c0-10.4-8.9-18.9-19.5-18.9s-19.5 8.4-19.5 18.9v13.6c0 28.5-11.5 54.1-30.6 72.8-19.2 18.6-45.3 30.2-74.5 30.2-29.2 0-55.1-11.5-74.2-30.2S151 280.1 151 251.7v-13.6c0-10.4-8.8-18.9-19.5-18.9-10.6 0-19.4 8.5-19.4 18.9z" fill="currentColor"/><path d="M179 107.7v143.8c0 41.8 34.7 75.7 77.5 75.7s77.5-33.9 77.5-75.7V107.7c0-41.8-34.7-75.7-77.5-75.7S179 65.9 179 107.7z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M112.1 238.1l-.1 13.6c.1 65.6 46 120.6 108.1 136.2 1.3.1 2.6.5 3.8.9 5.9 2 10.1 6.9 12.1 12.8v58.7c0 10.9 8.9 19.7 20 19.7h.1c11.1 0 19.9-8.8 19.9-19.7v-58.8c2-5.9 6.1-10.7 12-12.7 1.2-.4 2.5-.8 3.9-.9C354 372.3 400 317.3 400 251.7v-13.6c0-10.4-8.9-18.9-19.5-18.9s-19.5 8.4-19.5 18.9v13.6c0 28.5-11.5 54.1-30.6 72.8-19.2 18.6-45.3 30.2-74.5 30.2-29.2 0-55.1-11.5-74.2-30.2S151 280.1 151 251.7v-13.6c0-10.4-8.8-18.9-19.5-18.9-10.6 0-19.4 8.5-19.4 18.9z" fill="currentColor"/><path d="M179 107.7v143.8c0 41.8 34.7 75.7 77.5 75.7s77.5-33.9 77.5-75.7V107.7c0-41.8-34.7-75.7-77.5-75.7S179 65.9 179 107.7z" fill="currentColor"/></svg> </template>
CSS
.icon-mic-a {
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%22M112.1%20238.1l-.1%2013.6c.1%2065.6%2046%20120.6%20108.1%20136.2%201.3.1%202.6.5%203.8.9%205.9%202%2010.1%206.9%2012.1%2012.8v58.7c0%2010.9%208.9%2019.7%2020%2019.7h.1c11.1%200%2019.9-8.8%2019.9-19.7v-58.8c2-5.9%206.1-10.7%2012-12.7%201.2-.4%202.5-.8%203.9-.9C354%20372.3%20400%20317.3%20400%20251.7v-13.6c0-10.4-8.9-18.9-19.5-18.9s-19.5%208.4-19.5%2018.9v13.6c0%2028.5-11.5%2054.1-30.6%2072.8-19.2%2018.6-45.3%2030.2-74.5%2030.2-29.2%200-55.1-11.5-74.2-30.2S151%20280.1%20151%20251.7v-13.6c0-10.4-8.8-18.9-19.5-18.9-10.6%200-19.4%208.5-19.4%2018.9z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M179%20107.7v143.8c0%2041.8%2034.7%2075.7%2077.5%2075.7s77.5-33.9%2077.5-75.7V107.7c0-41.8-34.7-75.7-77.5-75.7S179%2065.9%20179%20107.7z%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%22M112.1%20238.1l-.1%2013.6c.1%2065.6%2046%20120.6%20108.1%20136.2%201.3.1%202.6.5%203.8.9%205.9%202%2010.1%206.9%2012.1%2012.8v58.7c0%2010.9%208.9%2019.7%2020%2019.7h.1c11.1%200%2019.9-8.8%2019.9-19.7v-58.8c2-5.9%206.1-10.7%2012-12.7%201.2-.4%202.5-.8%203.9-.9C354%20372.3%20400%20317.3%20400%20251.7v-13.6c0-10.4-8.9-18.9-19.5-18.9s-19.5%208.4-19.5%2018.9v13.6c0%2028.5-11.5%2054.1-30.6%2072.8-19.2%2018.6-45.3%2030.2-74.5%2030.2-29.2%200-55.1-11.5-74.2-30.2S151%20280.1%20151%20251.7v-13.6c0-10.4-8.8-18.9-19.5-18.9-10.6%200-19.4%208.5-19.4%2018.9z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M179%20107.7v143.8c0%2041.8%2034.7%2075.7%2077.5%2075.7s77.5-33.9%2077.5-75.7V107.7c0-41.8-34.7-75.7-77.5-75.7S179%2065.9%20179%20107.7z%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/mic-a.svg?color=%231a73e8&size=48
