voice logo
voice-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- voice-background
- Set
- Web3 Icons Branded
- Style
- Background
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
The same logo in other sets
Use the voice logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd)"><path fill="url(#SVGGGV8derj)" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M12 19.53c4.212 0 7.53-3.318 7.53-7.53S16.211 4.47 12 4.47S4.47 7.789 4.47 12s3.318 7.53 7.53 7.53m0 .47a8 8 0 1 0 0-16a8 8 0 0 0 0 16" clip-rule="evenodd"/><path fill="#fff" d="M11.92 11.059v2.353h.55v-2.353zm.033-.4a.36.36 0 0 0 .254.094a.34.34 0 0 0 .25-.094a.33.33 0 0 0 .094-.236a.27.27 0 0 0-.094-.216a.35.35 0 0 0-.25-.09a.36.36 0 0 0-.254.095a.3.3 0 0 0-.094.22q.001.134.094.227m2.137 2.753c-.245 0-.462-.047-.655-.151a1.15 1.15 0 0 1-.597-1.026a1.14 1.14 0 0 1 .597-1.026c.189-.098.41-.15.654-.15c.222 0 .424.047.593.14q.256.13.391.392l-.414.244a.66.66 0 0 0-.574-.32a.76.76 0 0 0-.363.085a.6.6 0 0 0-.249.25a.77.77 0 0 0-.094.385c0 .146.033.278.094.386a.63.63 0 0 0 .25.245a.75.75 0 0 0 .682.01a.65.65 0 0 0 .254-.24l.414.235a.94.94 0 0 1-.39.404a1.23 1.23 0 0 1-.598.137zm2.47 0a1.4 1.4 0 0 1-.677-.151a1.2 1.2 0 0 1-.448-.423a1.2 1.2 0 0 1-.155-.603a1.12 1.12 0 0 1 .574-1.026c.189-.098.39-.15.621-.15c.226 0 .424.047.603.146c.174.094.315.235.414.414c.131.24.181.515.141.786h-1.812c.014.08.047.155.085.22c.061.104.15.189.268.245a.9.9 0 0 0 .396.085a.9.9 0 0 0 .352-.06a.7.7 0 0 0 .278-.19l.287.33a1 1 0 0 1-.39.283a1.5 1.5 0 0 1-.537.094m-.668-1.6a.8.8 0 0 0-.075.235h1.317a.62.62 0 0 0-.315-.47a.63.63 0 0 0-.344-.09a.7.7 0 0 0-.348.09a.63.63 0 0 0-.235.235m-5.647 1.6a1.3 1.3 0 0 1-.635-.151a1.16 1.16 0 0 1-.598-1.026a1.14 1.14 0 0 1 .598-1.026c.188-.098.395-.15.635-.15c.235 0 .452.047.635.15c.188.1.33.236.438.414c.103.175.16.377.16.612a1.15 1.15 0 0 1-.598 1.026q-.282.15-.635.15m0-.462q.198 0 .353-.084a.6.6 0 0 0 .244-.25a.8.8 0 0 0 .09-.38a.76.76 0 0 0-.094-.387a.6.6 0 0 0-.24-.25a.7.7 0 0 0-.353-.084a.63.63 0 0 0-.598.334a.8.8 0 0 0-.09.386a.75.75 0 0 0 .095.377a.64.64 0 0 0 .593.338M6.372 11.06l.988 2.353h.565l.988-2.353h-.518l-.743 1.74l-.72-1.74h-.565z"/></g><defs><linearGradient id="SVGGGV8derj" x1="16.781" x2="5.073" y1="16.278" y2="8.066" gradientUnits="userSpaceOnUse"><stop stop-color="#d7b1e3"/><stop offset="1" stop-color="#fc0c34"/></linearGradient><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedVoiceBackground(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clipPath="url(#SVGHcSWxdhd)"><path fill="url(#SVGGGV8derj)" d="M24 0H0v24h24z"/><path fill="#fff" fillRule="evenodd" d="M12 19.53c4.212 0 7.53-3.318 7.53-7.53S16.211 4.47 12 4.47S4.47 7.789 4.47 12s3.318 7.53 7.53 7.53m0 .47a8 8 0 1 0 0-16a8 8 0 0 0 0 16" clipRule="evenodd"/><path fill="#fff" d="M11.92 11.059v2.353h.55v-2.353zm.033-.4a.36.36 0 0 0 .254.094a.34.34 0 0 0 .25-.094a.33.33 0 0 0 .094-.236a.27.27 0 0 0-.094-.216a.35.35 0 0 0-.25-.09a.36.36 0 0 0-.254.095a.3.3 0 0 0-.094.22q.001.134.094.227m2.137 2.753c-.245 0-.462-.047-.655-.151a1.15 1.15 0 0 1-.597-1.026a1.14 1.14 0 0 1 .597-1.026c.189-.098.41-.15.654-.15c.222 0 .424.047.593.14q.256.13.391.392l-.414.244a.66.66 0 0 0-.574-.32a.76.76 0 0 0-.363.085a.6.6 0 0 0-.249.25a.77.77 0 0 0-.094.385c0 .146.033.278.094.386a.63.63 0 0 0 .25.245a.75.75 0 0 0 .682.01a.65.65 0 0 0 .254-.24l.414.235a.94.94 0 0 1-.39.404a1.23 1.23 0 0 1-.598.137zm2.47 0a1.4 1.4 0 0 1-.677-.151a1.2 1.2 0 0 1-.448-.423a1.2 1.2 0 0 1-.155-.603a1.12 1.12 0 0 1 .574-1.026c.189-.098.39-.15.621-.15c.226 0 .424.047.603.146c.174.094.315.235.414.414c.131.24.181.515.141.786h-1.812c.014.08.047.155.085.22c.061.104.15.189.268.245a.9.9 0 0 0 .396.085a.9.9 0 0 0 .352-.06a.7.7 0 0 0 .278-.19l.287.33a1 1 0 0 1-.39.283a1.5 1.5 0 0 1-.537.094m-.668-1.6a.8.8 0 0 0-.075.235h1.317a.62.62 0 0 0-.315-.47a.63.63 0 0 0-.344-.09a.7.7 0 0 0-.348.09a.63.63 0 0 0-.235.235m-5.647 1.6a1.3 1.3 0 0 1-.635-.151a1.16 1.16 0 0 1-.598-1.026a1.14 1.14 0 0 1 .598-1.026c.188-.098.395-.15.635-.15c.235 0 .452.047.635.15c.188.1.33.236.438.414c.103.175.16.377.16.612a1.15 1.15 0 0 1-.598 1.026q-.282.15-.635.15m0-.462q.198 0 .353-.084a.6.6 0 0 0 .244-.25a.8.8 0 0 0 .09-.38a.76.76 0 0 0-.094-.387a.6.6 0 0 0-.24-.25a.7.7 0 0 0-.353-.084a.63.63 0 0 0-.598.334a.8.8 0 0 0-.09.386a.75.75 0 0 0 .095.377a.64.64 0 0 0 .593.338M6.372 11.06l.988 2.353h.565l.988-2.353h-.518l-.743 1.74l-.72-1.74h-.565z"/></g><defs><linearGradient id="SVGGGV8derj" x1="16.781" x2="5.073" y1="16.278" y2="8.066" gradientUnits="userSpaceOnUse"><stop stopColor="#d7b1e3"/><stop offset="1" stopColor="#fc0c34"/></linearGradient><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd)"><path fill="url(#SVGGGV8derj)" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M12 19.53c4.212 0 7.53-3.318 7.53-7.53S16.211 4.47 12 4.47S4.47 7.789 4.47 12s3.318 7.53 7.53 7.53m0 .47a8 8 0 1 0 0-16a8 8 0 0 0 0 16" clip-rule="evenodd"/><path fill="#fff" d="M11.92 11.059v2.353h.55v-2.353zm.033-.4a.36.36 0 0 0 .254.094a.34.34 0 0 0 .25-.094a.33.33 0 0 0 .094-.236a.27.27 0 0 0-.094-.216a.35.35 0 0 0-.25-.09a.36.36 0 0 0-.254.095a.3.3 0 0 0-.094.22q.001.134.094.227m2.137 2.753c-.245 0-.462-.047-.655-.151a1.15 1.15 0 0 1-.597-1.026a1.14 1.14 0 0 1 .597-1.026c.189-.098.41-.15.654-.15c.222 0 .424.047.593.14q.256.13.391.392l-.414.244a.66.66 0 0 0-.574-.32a.76.76 0 0 0-.363.085a.6.6 0 0 0-.249.25a.77.77 0 0 0-.094.385c0 .146.033.278.094.386a.63.63 0 0 0 .25.245a.75.75 0 0 0 .682.01a.65.65 0 0 0 .254-.24l.414.235a.94.94 0 0 1-.39.404a1.23 1.23 0 0 1-.598.137zm2.47 0a1.4 1.4 0 0 1-.677-.151a1.2 1.2 0 0 1-.448-.423a1.2 1.2 0 0 1-.155-.603a1.12 1.12 0 0 1 .574-1.026c.189-.098.39-.15.621-.15c.226 0 .424.047.603.146c.174.094.315.235.414.414c.131.24.181.515.141.786h-1.812c.014.08.047.155.085.22c.061.104.15.189.268.245a.9.9 0 0 0 .396.085a.9.9 0 0 0 .352-.06a.7.7 0 0 0 .278-.19l.287.33a1 1 0 0 1-.39.283a1.5 1.5 0 0 1-.537.094m-.668-1.6a.8.8 0 0 0-.075.235h1.317a.62.62 0 0 0-.315-.47a.63.63 0 0 0-.344-.09a.7.7 0 0 0-.348.09a.63.63 0 0 0-.235.235m-5.647 1.6a1.3 1.3 0 0 1-.635-.151a1.16 1.16 0 0 1-.598-1.026a1.14 1.14 0 0 1 .598-1.026c.188-.098.395-.15.635-.15c.235 0 .452.047.635.15c.188.1.33.236.438.414c.103.175.16.377.16.612a1.15 1.15 0 0 1-.598 1.026q-.282.15-.635.15m0-.462q.198 0 .353-.084a.6.6 0 0 0 .244-.25a.8.8 0 0 0 .09-.38a.76.76 0 0 0-.094-.387a.6.6 0 0 0-.24-.25a.7.7 0 0 0-.353-.084a.63.63 0 0 0-.598.334a.8.8 0 0 0-.09.386a.75.75 0 0 0 .095.377a.64.64 0 0 0 .593.338M6.372 11.06l.988 2.353h.565l.988-2.353h-.518l-.743 1.74l-.72-1.74h-.565z"/></g><defs><linearGradient id="SVGGGV8derj" x1="16.781" x2="5.073" y1="16.278" y2="8.066" gradientUnits="userSpaceOnUse"><stop stop-color="#d7b1e3"/><stop offset="1" stop-color="#fc0c34"/></linearGradient><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-voice-background {
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%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd)%22%3E%3Cpath%20fill%3D%22url(%23SVGGGV8derj)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2019.53c4.212%200%207.53-3.318%207.53-7.53S16.211%204.47%2012%204.47S4.47%207.789%204.47%2012s3.318%207.53%207.53%207.53m0%20.47a8%208%200%201%200%200-16a8%208%200%200%200%200%2016%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.92%2011.059v2.353h.55v-2.353zm.033-.4a.36.36%200%200%200%20.254.094a.34.34%200%200%200%20.25-.094a.33.33%200%200%200%20.094-.236a.27.27%200%200%200-.094-.216a.35.35%200%200%200-.25-.09a.36.36%200%200%200-.254.095a.3.3%200%200%200-.094.22q.001.134.094.227m2.137%202.753c-.245%200-.462-.047-.655-.151a1.15%201.15%200%200%201-.597-1.026a1.14%201.14%200%200%201%20.597-1.026c.189-.098.41-.15.654-.15c.222%200%20.424.047.593.14q.256.13.391.392l-.414.244a.66.66%200%200%200-.574-.32a.76.76%200%200%200-.363.085a.6.6%200%200%200-.249.25a.77.77%200%200%200-.094.385c0%20.146.033.278.094.386a.63.63%200%200%200%20.25.245a.75.75%200%200%200%20.682.01a.65.65%200%200%200%20.254-.24l.414.235a.94.94%200%200%201-.39.404a1.23%201.23%200%200%201-.598.137zm2.47%200a1.4%201.4%200%200%201-.677-.151a1.2%201.2%200%200%201-.448-.423a1.2%201.2%200%200%201-.155-.603a1.12%201.12%200%200%201%20.574-1.026c.189-.098.39-.15.621-.15c.226%200%20.424.047.603.146c.174.094.315.235.414.414c.131.24.181.515.141.786h-1.812c.014.08.047.155.085.22c.061.104.15.189.268.245a.9.9%200%200%200%20.396.085a.9.9%200%200%200%20.352-.06a.7.7%200%200%200%20.278-.19l.287.33a1%201%200%200%201-.39.283a1.5%201.5%200%200%201-.537.094m-.668-1.6a.8.8%200%200%200-.075.235h1.317a.62.62%200%200%200-.315-.47a.63.63%200%200%200-.344-.09a.7.7%200%200%200-.348.09a.63.63%200%200%200-.235.235m-5.647%201.6a1.3%201.3%200%200%201-.635-.151a1.16%201.16%200%200%201-.598-1.026a1.14%201.14%200%200%201%20.598-1.026c.188-.098.395-.15.635-.15c.235%200%20.452.047.635.15c.188.1.33.236.438.414c.103.175.16.377.16.612a1.15%201.15%200%200%201-.598%201.026q-.282.15-.635.15m0-.462q.198%200%20.353-.084a.6.6%200%200%200%20.244-.25a.8.8%200%200%200%20.09-.38a.76.76%200%200%200-.094-.387a.6.6%200%200%200-.24-.25a.7.7%200%200%200-.353-.084a.63.63%200%200%200-.598.334a.8.8%200%200%200-.09.386a.75.75%200%200%200%20.095.377a.64.64%200%200%200%20.593.338M6.372%2011.06l.988%202.353h.565l.988-2.353h-.518l-.743%201.74l-.72-1.74h-.565z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGGGV8derj%22%20x1%3D%2216.781%22%20x2%3D%225.073%22%20y1%3D%2216.278%22%20y2%3D%228.066%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23d7b1e3%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fc0c34%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd)%22%3E%3Cpath%20fill%3D%22url(%23SVGGGV8derj)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2019.53c4.212%200%207.53-3.318%207.53-7.53S16.211%204.47%2012%204.47S4.47%207.789%204.47%2012s3.318%207.53%207.53%207.53m0%20.47a8%208%200%201%200%200-16a8%208%200%200%200%200%2016%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.92%2011.059v2.353h.55v-2.353zm.033-.4a.36.36%200%200%200%20.254.094a.34.34%200%200%200%20.25-.094a.33.33%200%200%200%20.094-.236a.27.27%200%200%200-.094-.216a.35.35%200%200%200-.25-.09a.36.36%200%200%200-.254.095a.3.3%200%200%200-.094.22q.001.134.094.227m2.137%202.753c-.245%200-.462-.047-.655-.151a1.15%201.15%200%200%201-.597-1.026a1.14%201.14%200%200%201%20.597-1.026c.189-.098.41-.15.654-.15c.222%200%20.424.047.593.14q.256.13.391.392l-.414.244a.66.66%200%200%200-.574-.32a.76.76%200%200%200-.363.085a.6.6%200%200%200-.249.25a.77.77%200%200%200-.094.385c0%20.146.033.278.094.386a.63.63%200%200%200%20.25.245a.75.75%200%200%200%20.682.01a.65.65%200%200%200%20.254-.24l.414.235a.94.94%200%200%201-.39.404a1.23%201.23%200%200%201-.598.137zm2.47%200a1.4%201.4%200%200%201-.677-.151a1.2%201.2%200%200%201-.448-.423a1.2%201.2%200%200%201-.155-.603a1.12%201.12%200%200%201%20.574-1.026c.189-.098.39-.15.621-.15c.226%200%20.424.047.603.146c.174.094.315.235.414.414c.131.24.181.515.141.786h-1.812c.014.08.047.155.085.22c.061.104.15.189.268.245a.9.9%200%200%200%20.396.085a.9.9%200%200%200%20.352-.06a.7.7%200%200%200%20.278-.19l.287.33a1%201%200%200%201-.39.283a1.5%201.5%200%200%201-.537.094m-.668-1.6a.8.8%200%200%200-.075.235h1.317a.62.62%200%200%200-.315-.47a.63.63%200%200%200-.344-.09a.7.7%200%200%200-.348.09a.63.63%200%200%200-.235.235m-5.647%201.6a1.3%201.3%200%200%201-.635-.151a1.16%201.16%200%200%201-.598-1.026a1.14%201.14%200%200%201%20.598-1.026c.188-.098.395-.15.635-.15c.235%200%20.452.047.635.15c.188.1.33.236.438.414c.103.175.16.377.16.612a1.15%201.15%200%200%201-.598%201.026q-.282.15-.635.15m0-.462q.198%200%20.353-.084a.6.6%200%200%200%20.244-.25a.8.8%200%200%200%20.09-.38a.76.76%200%200%200-.094-.387a.6.6%200%200%200-.24-.25a.7.7%200%200%200-.353-.084a.63.63%200%200%200-.598.334a.8.8%200%200%200-.09.386a.75.75%200%200%200%20.095.377a.64.64%200%200%200%20.593.338M6.372%2011.06l.988%202.353h.565l.988-2.353h-.518l-.743%201.74l-.72-1.74h-.565z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGGGV8derj%22%20x1%3D%2216.781%22%20x2%3D%225.073%22%20y1%3D%2216.278%22%20y2%3D%228.066%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23d7b1e3%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fc0c34%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/voice-background.svg?color=%231a73e8&size=48
