radio waves icon
radio-waves from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- radio-waves
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
Related icons in IonIcons
Use the radio waves icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><circle cx="256" cy="256" r="64" fill="currentColor"/><path d="M144 256c0-36.9 18.553-69.208 46.314-87.034l-23.141-24.512a131.623 131.623 0 0 0-17.684 15.663C125.314 185.729 112 219.781 112 256c0 36.219 13.314 70.271 37.49 95.883a131.615 131.615 0 0 0 17.684 15.662l23.141-24.511C162.553 325.208 144 292.9 144 256z" fill="currentColor"/><path d="M368 256c0 36.9-18.553 69.208-46.314 87.034l23.141 24.511a131.615 131.615 0 0 0 17.684-15.662C386.686 326.271 400 292.219 400 256c0-36.219-13.314-70.271-37.49-95.882a131.623 131.623 0 0 0-17.684-15.663l-23.141 24.512C349.447 186.792 368 219.1 368 256z" fill="currentColor"/><path d="M64 256c0-55.578 25.251-104.907 64.263-135.817L105.433 96a197.799 197.799 0 0 0-17.197 16.178c-17.622 18.669-31.462 40.417-41.134 64.641C37.081 201.917 32 228.556 32 256c0 27.443 5.081 54.084 15.102 79.181 9.672 24.226 23.512 45.973 41.134 64.642a198.105 198.105 0 0 0 17.197 16.178l22.829-24.183C89.251 360.907 64 311.578 64 256z" fill="currentColor"/><path d="M448 256c0 55.578-25.251 104.907-64.262 135.817l22.828 23.848c6-5.001 11.74-10.062 17.198-15.843 17.622-18.669 31.462-40.416 41.134-64.642C474.918 310.084 480 283.443 480 256c0-27.444-5.082-54.083-15.102-79.181-9.672-24.225-23.512-45.972-41.134-64.641A197.523 197.523 0 0 0 406.566 96l-22.829 24.183C422.749 151.093 448 200.422 448 256z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonRadioWaves(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><circle cx="256" cy="256" r="64" fill="currentColor"/><path d="M144 256c0-36.9 18.553-69.208 46.314-87.034l-23.141-24.512a131.623 131.623 0 0 0-17.684 15.663C125.314 185.729 112 219.781 112 256c0 36.219 13.314 70.271 37.49 95.883a131.615 131.615 0 0 0 17.684 15.662l23.141-24.511C162.553 325.208 144 292.9 144 256z" fill="currentColor"/><path d="M368 256c0 36.9-18.553 69.208-46.314 87.034l23.141 24.511a131.615 131.615 0 0 0 17.684-15.662C386.686 326.271 400 292.219 400 256c0-36.219-13.314-70.271-37.49-95.882a131.623 131.623 0 0 0-17.684-15.663l-23.141 24.512C349.447 186.792 368 219.1 368 256z" fill="currentColor"/><path d="M64 256c0-55.578 25.251-104.907 64.263-135.817L105.433 96a197.799 197.799 0 0 0-17.197 16.178c-17.622 18.669-31.462 40.417-41.134 64.641C37.081 201.917 32 228.556 32 256c0 27.443 5.081 54.084 15.102 79.181 9.672 24.226 23.512 45.973 41.134 64.642a198.105 198.105 0 0 0 17.197 16.178l22.829-24.183C89.251 360.907 64 311.578 64 256z" fill="currentColor"/><path d="M448 256c0 55.578-25.251 104.907-64.262 135.817l22.828 23.848c6-5.001 11.74-10.062 17.198-15.843 17.622-18.669 31.462-40.416 41.134-64.642C474.918 310.084 480 283.443 480 256c0-27.444-5.082-54.083-15.102-79.181-9.672-24.225-23.512-45.972-41.134-64.641A197.523 197.523 0 0 0 406.566 96l-22.829 24.183C422.749 151.093 448 200.422 448 256z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><circle cx="256" cy="256" r="64" fill="currentColor"/><path d="M144 256c0-36.9 18.553-69.208 46.314-87.034l-23.141-24.512a131.623 131.623 0 0 0-17.684 15.663C125.314 185.729 112 219.781 112 256c0 36.219 13.314 70.271 37.49 95.883a131.615 131.615 0 0 0 17.684 15.662l23.141-24.511C162.553 325.208 144 292.9 144 256z" fill="currentColor"/><path d="M368 256c0 36.9-18.553 69.208-46.314 87.034l23.141 24.511a131.615 131.615 0 0 0 17.684-15.662C386.686 326.271 400 292.219 400 256c0-36.219-13.314-70.271-37.49-95.882a131.623 131.623 0 0 0-17.684-15.663l-23.141 24.512C349.447 186.792 368 219.1 368 256z" fill="currentColor"/><path d="M64 256c0-55.578 25.251-104.907 64.263-135.817L105.433 96a197.799 197.799 0 0 0-17.197 16.178c-17.622 18.669-31.462 40.417-41.134 64.641C37.081 201.917 32 228.556 32 256c0 27.443 5.081 54.084 15.102 79.181 9.672 24.226 23.512 45.973 41.134 64.642a198.105 198.105 0 0 0 17.197 16.178l22.829-24.183C89.251 360.907 64 311.578 64 256z" fill="currentColor"/><path d="M448 256c0 55.578-25.251 104.907-64.262 135.817l22.828 23.848c6-5.001 11.74-10.062 17.198-15.843 17.622-18.669 31.462-40.416 41.134-64.642C474.918 310.084 480 283.443 480 256c0-27.444-5.082-54.083-15.102-79.181-9.672-24.225-23.512-45.972-41.134-64.641A197.523 197.523 0 0 0 406.566 96l-22.829 24.183C422.749 151.093 448 200.422 448 256z" fill="currentColor"/></svg> </template>
CSS
.icon-radio-waves {
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%3Ccircle%20cx%3D%22256%22%20cy%3D%22256%22%20r%3D%2264%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M144%20256c0-36.9%2018.553-69.208%2046.314-87.034l-23.141-24.512a131.623%20131.623%200%200%200-17.684%2015.663C125.314%20185.729%20112%20219.781%20112%20256c0%2036.219%2013.314%2070.271%2037.49%2095.883a131.615%20131.615%200%200%200%2017.684%2015.662l23.141-24.511C162.553%20325.208%20144%20292.9%20144%20256z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M368%20256c0%2036.9-18.553%2069.208-46.314%2087.034l23.141%2024.511a131.615%20131.615%200%200%200%2017.684-15.662C386.686%20326.271%20400%20292.219%20400%20256c0-36.219-13.314-70.271-37.49-95.882a131.623%20131.623%200%200%200-17.684-15.663l-23.141%2024.512C349.447%20186.792%20368%20219.1%20368%20256z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M64%20256c0-55.578%2025.251-104.907%2064.263-135.817L105.433%2096a197.799%20197.799%200%200%200-17.197%2016.178c-17.622%2018.669-31.462%2040.417-41.134%2064.641C37.081%20201.917%2032%20228.556%2032%20256c0%2027.443%205.081%2054.084%2015.102%2079.181%209.672%2024.226%2023.512%2045.973%2041.134%2064.642a198.105%20198.105%200%200%200%2017.197%2016.178l22.829-24.183C89.251%20360.907%2064%20311.578%2064%20256z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M448%20256c0%2055.578-25.251%20104.907-64.262%20135.817l22.828%2023.848c6-5.001%2011.74-10.062%2017.198-15.843%2017.622-18.669%2031.462-40.416%2041.134-64.642C474.918%20310.084%20480%20283.443%20480%20256c0-27.444-5.082-54.083-15.102-79.181-9.672-24.225-23.512-45.972-41.134-64.641A197.523%20197.523%200%200%200%20406.566%2096l-22.829%2024.183C422.749%20151.093%20448%20200.422%20448%20256z%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%3Ccircle%20cx%3D%22256%22%20cy%3D%22256%22%20r%3D%2264%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M144%20256c0-36.9%2018.553-69.208%2046.314-87.034l-23.141-24.512a131.623%20131.623%200%200%200-17.684%2015.663C125.314%20185.729%20112%20219.781%20112%20256c0%2036.219%2013.314%2070.271%2037.49%2095.883a131.615%20131.615%200%200%200%2017.684%2015.662l23.141-24.511C162.553%20325.208%20144%20292.9%20144%20256z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M368%20256c0%2036.9-18.553%2069.208-46.314%2087.034l23.141%2024.511a131.615%20131.615%200%200%200%2017.684-15.662C386.686%20326.271%20400%20292.219%20400%20256c0-36.219-13.314-70.271-37.49-95.882a131.623%20131.623%200%200%200-17.684-15.663l-23.141%2024.512C349.447%20186.792%20368%20219.1%20368%20256z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M64%20256c0-55.578%2025.251-104.907%2064.263-135.817L105.433%2096a197.799%20197.799%200%200%200-17.197%2016.178c-17.622%2018.669-31.462%2040.417-41.134%2064.641C37.081%20201.917%2032%20228.556%2032%20256c0%2027.443%205.081%2054.084%2015.102%2079.181%209.672%2024.226%2023.512%2045.973%2041.134%2064.642a198.105%20198.105%200%200%200%2017.197%2016.178l22.829-24.183C89.251%20360.907%2064%20311.578%2064%20256z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M448%20256c0%2055.578-25.251%20104.907-64.262%20135.817l22.828%2023.848c6-5.001%2011.74-10.062%2017.198-15.843%2017.622-18.669%2031.462-40.416%2041.134-64.642C474.918%20310.084%20480%20283.443%20480%20256c0-27.444-5.082-54.083-15.102-79.181-9.672-24.225-23.512-45.972-41.134-64.641A197.523%20197.523%200%200%200%20406.566%2096l-22.829%2024.183C422.749%20151.093%20448%20200.422%20448%20256z%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/radio-waves.svg?color=%231a73e8&size=48
