sound sampler icon
sound-sampler from Material Symbols by Google · Regular · Audio & Video · Apache-2.0 Free for personal and commercial use.
- Name
- sound-sampler
- Set
- Material Symbols
- Style
- Regular
- Category
- Audio & Video
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- sound-sampler-outline, sound-sampler-outline-sharp, sound-sampler-sharp
1 other variant in Material Symbols
The same icon in other sets
More audio & video icons from Material Symbols
Use the sound sampler icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.225 18.325q-1.05-1.3-1.637-2.912T2 12q0-3.925 2.588-6.75T11 2.05v2q-3 .35-5 2.6T4 12q0 1.4.425 2.638T5.65 16.9zM12 22q-1.825 0-3.45-.6t-2.925-1.675l1.4-1.425q1.025.8 2.288 1.25T12 20t2.688-.45t2.287-1.25l1.4 1.425q-1.3 1.075-2.925 1.675T12 22m7.775-3.675L18.35 16.9q.8-1.025 1.225-2.262T20 12q0-3.1-2-5.35t-5-2.6v-2q3.825.375 6.413 3.2T22 12q0 1.8-.587 3.413t-1.638 2.912M9.5 16.5v-9l7 4.5z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsSoundSampler(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.225 18.325q-1.05-1.3-1.637-2.912T2 12q0-3.925 2.588-6.75T11 2.05v2q-3 .35-5 2.6T4 12q0 1.4.425 2.638T5.65 16.9zM12 22q-1.825 0-3.45-.6t-2.925-1.675l1.4-1.425q1.025.8 2.288 1.25T12 20t2.688-.45t2.287-1.25l1.4 1.425q-1.3 1.075-2.925 1.675T12 22m7.775-3.675L18.35 16.9q.8-1.025 1.225-2.262T20 12q0-3.1-2-5.35t-5-2.6v-2q3.825.375 6.413 3.2T22 12q0 1.8-.587 3.413t-1.638 2.912M9.5 16.5v-9l7 4.5z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.225 18.325q-1.05-1.3-1.637-2.912T2 12q0-3.925 2.588-6.75T11 2.05v2q-3 .35-5 2.6T4 12q0 1.4.425 2.638T5.65 16.9zM12 22q-1.825 0-3.45-.6t-2.925-1.675l1.4-1.425q1.025.8 2.288 1.25T12 20t2.688-.45t2.287-1.25l1.4 1.425q-1.3 1.075-2.925 1.675T12 22m7.775-3.675L18.35 16.9q.8-1.025 1.225-2.262T20 12q0-3.1-2-5.35t-5-2.6v-2q3.825.375 6.413 3.2T22 12q0 1.8-.587 3.413t-1.638 2.912M9.5 16.5v-9l7 4.5z"/></svg> </template>
CSS
.icon-sound-sampler {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.225%2018.325q-1.05-1.3-1.637-2.912T2%2012q0-3.925%202.588-6.75T11%202.05v2q-3%20.35-5%202.6T4%2012q0%201.4.425%202.638T5.65%2016.9zM12%2022q-1.825%200-3.45-.6t-2.925-1.675l1.4-1.425q1.025.8%202.288%201.25T12%2020t2.688-.45t2.287-1.25l1.4%201.425q-1.3%201.075-2.925%201.675T12%2022m7.775-3.675L18.35%2016.9q.8-1.025%201.225-2.262T20%2012q0-3.1-2-5.35t-5-2.6v-2q3.825.375%206.413%203.2T22%2012q0%201.8-.587%203.413t-1.638%202.912M9.5%2016.5v-9l7%204.5z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.225%2018.325q-1.05-1.3-1.637-2.912T2%2012q0-3.925%202.588-6.75T11%202.05v2q-3%20.35-5%202.6T4%2012q0%201.4.425%202.638T5.65%2016.9zM12%2022q-1.825%200-3.45-.6t-2.925-1.675l1.4-1.425q1.025.8%202.288%201.25T12%2020t2.688-.45t2.287-1.25l1.4%201.425q-1.3%201.075-2.925%201.675T12%2022m7.775-3.675L18.35%2016.9q.8-1.025%201.225-2.262T20%2012q0-3.1-2-5.35t-5-2.6v-2q3.825.375%206.413%203.2T22%2012q0%201.8-.587%203.413t-1.638%202.912M9.5%2016.5v-9l7%204.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/sound-sampler.svg?color=%231a73e8&size=48
