radio icon
radio-sharp from IonIcons by Ben Sperry · Sharp · MIT Free for personal and commercial use.
- Name
- radio-sharp
- Set
- IonIcons
- Style
- Sharp
- Viewbox
- 512×512
- License
- MIT
2 other variants in IonIcons
The same icon in other sets
radioAkar IconsradioBoxIcons v2radioBoxIcons v2 SolidradioCarbonradioEmoji One (Colored)radio-fillEva IconsradioFont Awesome 6 SolidradioFeather IconsradioFluent EmojiradioFluent Emoji FlatradioFluent Emoji High ContrastradioHeroIconsradioHuge IconsradioHumbleiconsradioLucideradioMaterial SymbolsradioMaterial Design Iconsradio-fillMingCute IconradioNoto EmojiradioOpenMojiradioPhosphorradioPixelarticonsradio-fillRemix Iconradio-boldSolar
Related icons in IonIcons
Use the radio icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><ellipse cx="256" cy="256" fill="currentColor" rx="36" ry="35.99"/><path fill="currentColor" d="m188.4 350.8l-14.62-16.44a117.91 117.91 0 0 1 0-156.71l14.62-16.43l32.87 29.24l-14.62 16.43a73.93 73.93 0 0 0 0 98.25l14.62 16.44Zm135.2 0l-32.89-29.22l14.62-16.44a73.93 73.93 0 0 0 0-98.25l-14.62-16.43l32.87-29.24l14.62 16.43a117.91 117.91 0 0 1 0 156.71Z"/><path fill="currentColor" d="m138.24 401.76l-15-16.06a189.85 189.85 0 0 1 0-259.4l15-16.07l32.14 30.05l-15 16.06a145.88 145.88 0 0 0 0 199.32l15 16.06Zm235.52 0l-32.14-30l15-16.06a145.88 145.88 0 0 0 0-199.32l-15-16.06l32.14-30l15 16.07a189.85 189.85 0 0 1 0 259.4Z"/><path fill="currentColor" d="m430.73 447l-32.79-29.33l14.66-16.39a218.2 218.2 0 0 0 0-290.56l-14.67-16.38L430.72 65l14.67 16.39a262.18 262.18 0 0 1 0 349.22Zm-349.46 0L66.6 430.61a262.18 262.18 0 0 1 0-349.22L81.28 65l32.79 29.34l-14.68 16.38a218.2 218.2 0 0 0 0 290.56l14.66 16.39Z"/></svg>
React
import type { SVGProps } from "react";
export function IonRadioSharp(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><ellipse cx="256" cy="256" fill="currentColor" rx="36" ry="35.99"/><path fill="currentColor" d="m188.4 350.8l-14.62-16.44a117.91 117.91 0 0 1 0-156.71l14.62-16.43l32.87 29.24l-14.62 16.43a73.93 73.93 0 0 0 0 98.25l14.62 16.44Zm135.2 0l-32.89-29.22l14.62-16.44a73.93 73.93 0 0 0 0-98.25l-14.62-16.43l32.87-29.24l14.62 16.43a117.91 117.91 0 0 1 0 156.71Z"/><path fill="currentColor" d="m138.24 401.76l-15-16.06a189.85 189.85 0 0 1 0-259.4l15-16.07l32.14 30.05l-15 16.06a145.88 145.88 0 0 0 0 199.32l15 16.06Zm235.52 0l-32.14-30l15-16.06a145.88 145.88 0 0 0 0-199.32l-15-16.06l32.14-30l15 16.07a189.85 189.85 0 0 1 0 259.4Z"/><path fill="currentColor" d="m430.73 447l-32.79-29.33l14.66-16.39a218.2 218.2 0 0 0 0-290.56l-14.67-16.38L430.72 65l14.67 16.39a262.18 262.18 0 0 1 0 349.22Zm-349.46 0L66.6 430.61a262.18 262.18 0 0 1 0-349.22L81.28 65l32.79 29.34l-14.68 16.38a218.2 218.2 0 0 0 0 290.56l14.66 16.39Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><ellipse cx="256" cy="256" fill="currentColor" rx="36" ry="35.99"/><path fill="currentColor" d="m188.4 350.8l-14.62-16.44a117.91 117.91 0 0 1 0-156.71l14.62-16.43l32.87 29.24l-14.62 16.43a73.93 73.93 0 0 0 0 98.25l14.62 16.44Zm135.2 0l-32.89-29.22l14.62-16.44a73.93 73.93 0 0 0 0-98.25l-14.62-16.43l32.87-29.24l14.62 16.43a117.91 117.91 0 0 1 0 156.71Z"/><path fill="currentColor" d="m138.24 401.76l-15-16.06a189.85 189.85 0 0 1 0-259.4l15-16.07l32.14 30.05l-15 16.06a145.88 145.88 0 0 0 0 199.32l15 16.06Zm235.52 0l-32.14-30l15-16.06a145.88 145.88 0 0 0 0-199.32l-15-16.06l32.14-30l15 16.07a189.85 189.85 0 0 1 0 259.4Z"/><path fill="currentColor" d="m430.73 447l-32.79-29.33l14.66-16.39a218.2 218.2 0 0 0 0-290.56l-14.67-16.38L430.72 65l14.67 16.39a262.18 262.18 0 0 1 0 349.22Zm-349.46 0L66.6 430.61a262.18 262.18 0 0 1 0-349.22L81.28 65l32.79 29.34l-14.68 16.38a218.2 218.2 0 0 0 0 290.56l14.66 16.39Z"/></svg> </template>
CSS
.icon-radio-sharp {
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%3Cellipse%20cx%3D%22256%22%20cy%3D%22256%22%20fill%3D%22currentColor%22%20rx%3D%2236%22%20ry%3D%2235.99%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m188.4%20350.8l-14.62-16.44a117.91%20117.91%200%200%201%200-156.71l14.62-16.43l32.87%2029.24l-14.62%2016.43a73.93%2073.93%200%200%200%200%2098.25l14.62%2016.44Zm135.2%200l-32.89-29.22l14.62-16.44a73.93%2073.93%200%200%200%200-98.25l-14.62-16.43l32.87-29.24l14.62%2016.43a117.91%20117.91%200%200%201%200%20156.71Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m138.24%20401.76l-15-16.06a189.85%20189.85%200%200%201%200-259.4l15-16.07l32.14%2030.05l-15%2016.06a145.88%20145.88%200%200%200%200%20199.32l15%2016.06Zm235.52%200l-32.14-30l15-16.06a145.88%20145.88%200%200%200%200-199.32l-15-16.06l32.14-30l15%2016.07a189.85%20189.85%200%200%201%200%20259.4Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m430.73%20447l-32.79-29.33l14.66-16.39a218.2%20218.2%200%200%200%200-290.56l-14.67-16.38L430.72%2065l14.67%2016.39a262.18%20262.18%200%200%201%200%20349.22Zm-349.46%200L66.6%20430.61a262.18%20262.18%200%200%201%200-349.22L81.28%2065l32.79%2029.34l-14.68%2016.38a218.2%20218.2%200%200%200%200%20290.56l14.66%2016.39Z%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%3Cellipse%20cx%3D%22256%22%20cy%3D%22256%22%20fill%3D%22currentColor%22%20rx%3D%2236%22%20ry%3D%2235.99%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m188.4%20350.8l-14.62-16.44a117.91%20117.91%200%200%201%200-156.71l14.62-16.43l32.87%2029.24l-14.62%2016.43a73.93%2073.93%200%200%200%200%2098.25l14.62%2016.44Zm135.2%200l-32.89-29.22l14.62-16.44a73.93%2073.93%200%200%200%200-98.25l-14.62-16.43l32.87-29.24l14.62%2016.43a117.91%20117.91%200%200%201%200%20156.71Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m138.24%20401.76l-15-16.06a189.85%20189.85%200%200%201%200-259.4l15-16.07l32.14%2030.05l-15%2016.06a145.88%20145.88%200%200%200%200%20199.32l15%2016.06Zm235.52%200l-32.14-30l15-16.06a145.88%20145.88%200%200%200%200-199.32l-15-16.06l32.14-30l15%2016.07a189.85%20189.85%200%200%201%200%20259.4Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m430.73%20447l-32.79-29.33l14.66-16.39a218.2%20218.2%200%200%200%200-290.56l-14.67-16.38L430.72%2065l14.67%2016.39a262.18%20262.18%200%200%201%200%20349.22Zm-349.46%200L66.6%20430.61a262.18%20262.18%200%200%201%200-349.22L81.28%2065l32.79%2029.34l-14.68%2016.38a218.2%20218.2%200%200%200%200%20290.56l14.66%2016.39Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/radio-sharp.svg?color=%231a73e8&size=48
