radio icon
radio-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.
- Name
- radio-solid
- Set
- Myna UI Icons
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
1 other variant in Myna UI Icons
The same icon in other sets
radioAkar IconsradioBoxIcons v2radioBoxIcons v2 SolidradioCarbonradioEmoji One (Colored)radio-fillEva IconsradioFont Awesome 6 SolidradioFont Awesome SolidradioFeather IconsradioFluent EmojiradioFluent Emoji FlatradioFluent Emoji High ContrastradioFirefox OS EmojiradioHeroIconsradioHuge IconsradioHumbleiconsradioIconParkradioIconPark OutlineradioIconPark SolidradioIconPark TwoToneradioIonIconsradioLucideradioMaterial SymbolsradioMaterial Symbols Light
Use the radio icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.045 4.972a.75.75 0 0 1-.005 1.06A8.4 8.4 0 0 0 3.543 12c0 2.237.897 4.383 2.497 5.967a.75.75 0 0 1-1.056 1.066A9.9 9.9 0 0 1 2.044 12a9.9 9.9 0 0 1 2.94-7.033a.75.75 0 0 1 1.06.005m11.492 0a.75.75 0 0 1 1.06-.005A9.9 9.9 0 0 1 21.54 12a9.9 9.9 0 0 1-2.941 7.033a.75.75 0 1 1-1.056-1.066A8.4 8.4 0 0 0 20.04 12a8.4 8.4 0 0 0-2.497-5.967a.75.75 0 0 1-.005-1.06M9.085 7.768a.75.75 0 0 1-.006 1.06a4.5 4.5 0 0 0-.984 1.456a4.44 4.44 0 0 0 .984 4.888a.75.75 0 0 1-1.055 1.066a6 6 0 0 1-1.313-1.943a5.94 5.94 0 0 1 1.313-6.533a.75.75 0 0 1 1.06.006m5.622 0a.75.75 0 0 1 1.06-.006a6 6 0 0 1 1.313 1.943a5.94 5.94 0 0 1 0 4.59a6 6 0 0 1-1.313 1.943a.75.75 0 0 1-1.054-1.066c.421-.417.755-.912.983-1.456a4.44 4.44 0 0 0-.983-4.888a.75.75 0 0 1-.006-1.06M9.75 12a2.25 2.25 0 1 1 4.5 0a2.25 2.25 0 0 1-4.5 0"/></svg>
React
import type { SVGProps } from "react";
export function MynauiRadioSolid(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="M6.045 4.972a.75.75 0 0 1-.005 1.06A8.4 8.4 0 0 0 3.543 12c0 2.237.897 4.383 2.497 5.967a.75.75 0 0 1-1.056 1.066A9.9 9.9 0 0 1 2.044 12a9.9 9.9 0 0 1 2.94-7.033a.75.75 0 0 1 1.06.005m11.492 0a.75.75 0 0 1 1.06-.005A9.9 9.9 0 0 1 21.54 12a9.9 9.9 0 0 1-2.941 7.033a.75.75 0 1 1-1.056-1.066A8.4 8.4 0 0 0 20.04 12a8.4 8.4 0 0 0-2.497-5.967a.75.75 0 0 1-.005-1.06M9.085 7.768a.75.75 0 0 1-.006 1.06a4.5 4.5 0 0 0-.984 1.456a4.44 4.44 0 0 0 .984 4.888a.75.75 0 0 1-1.055 1.066a6 6 0 0 1-1.313-1.943a5.94 5.94 0 0 1 1.313-6.533a.75.75 0 0 1 1.06.006m5.622 0a.75.75 0 0 1 1.06-.006a6 6 0 0 1 1.313 1.943a5.94 5.94 0 0 1 0 4.59a6 6 0 0 1-1.313 1.943a.75.75 0 0 1-1.054-1.066c.421-.417.755-.912.983-1.456a4.44 4.44 0 0 0-.983-4.888a.75.75 0 0 1-.006-1.06M9.75 12a2.25 2.25 0 1 1 4.5 0a2.25 2.25 0 0 1-4.5 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.045 4.972a.75.75 0 0 1-.005 1.06A8.4 8.4 0 0 0 3.543 12c0 2.237.897 4.383 2.497 5.967a.75.75 0 0 1-1.056 1.066A9.9 9.9 0 0 1 2.044 12a9.9 9.9 0 0 1 2.94-7.033a.75.75 0 0 1 1.06.005m11.492 0a.75.75 0 0 1 1.06-.005A9.9 9.9 0 0 1 21.54 12a9.9 9.9 0 0 1-2.941 7.033a.75.75 0 1 1-1.056-1.066A8.4 8.4 0 0 0 20.04 12a8.4 8.4 0 0 0-2.497-5.967a.75.75 0 0 1-.005-1.06M9.085 7.768a.75.75 0 0 1-.006 1.06a4.5 4.5 0 0 0-.984 1.456a4.44 4.44 0 0 0 .984 4.888a.75.75 0 0 1-1.055 1.066a6 6 0 0 1-1.313-1.943a5.94 5.94 0 0 1 1.313-6.533a.75.75 0 0 1 1.06.006m5.622 0a.75.75 0 0 1 1.06-.006a6 6 0 0 1 1.313 1.943a5.94 5.94 0 0 1 0 4.59a6 6 0 0 1-1.313 1.943a.75.75 0 0 1-1.054-1.066c.421-.417.755-.912.983-1.456a4.44 4.44 0 0 0-.983-4.888a.75.75 0 0 1-.006-1.06M9.75 12a2.25 2.25 0 1 1 4.5 0a2.25 2.25 0 0 1-4.5 0"/></svg> </template>
CSS
.icon-radio-solid {
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%22M6.045%204.972a.75.75%200%200%201-.005%201.06A8.4%208.4%200%200%200%203.543%2012c0%202.237.897%204.383%202.497%205.967a.75.75%200%200%201-1.056%201.066A9.9%209.9%200%200%201%202.044%2012a9.9%209.9%200%200%201%202.94-7.033a.75.75%200%200%201%201.06.005m11.492%200a.75.75%200%200%201%201.06-.005A9.9%209.9%200%200%201%2021.54%2012a9.9%209.9%200%200%201-2.941%207.033a.75.75%200%201%201-1.056-1.066A8.4%208.4%200%200%200%2020.04%2012a8.4%208.4%200%200%200-2.497-5.967a.75.75%200%200%201-.005-1.06M9.085%207.768a.75.75%200%200%201-.006%201.06a4.5%204.5%200%200%200-.984%201.456a4.44%204.44%200%200%200%20.984%204.888a.75.75%200%200%201-1.055%201.066a6%206%200%200%201-1.313-1.943a5.94%205.94%200%200%201%201.313-6.533a.75.75%200%200%201%201.06.006m5.622%200a.75.75%200%200%201%201.06-.006a6%206%200%200%201%201.313%201.943a5.94%205.94%200%200%201%200%204.59a6%206%200%200%201-1.313%201.943a.75.75%200%200%201-1.054-1.066c.421-.417.755-.912.983-1.456a4.44%204.44%200%200%200-.983-4.888a.75.75%200%200%201-.006-1.06M9.75%2012a2.25%202.25%200%201%201%204.5%200a2.25%202.25%200%200%201-4.5%200%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%22M6.045%204.972a.75.75%200%200%201-.005%201.06A8.4%208.4%200%200%200%203.543%2012c0%202.237.897%204.383%202.497%205.967a.75.75%200%200%201-1.056%201.066A9.9%209.9%200%200%201%202.044%2012a9.9%209.9%200%200%201%202.94-7.033a.75.75%200%200%201%201.06.005m11.492%200a.75.75%200%200%201%201.06-.005A9.9%209.9%200%200%201%2021.54%2012a9.9%209.9%200%200%201-2.941%207.033a.75.75%200%201%201-1.056-1.066A8.4%208.4%200%200%200%2020.04%2012a8.4%208.4%200%200%200-2.497-5.967a.75.75%200%200%201-.005-1.06M9.085%207.768a.75.75%200%200%201-.006%201.06a4.5%204.5%200%200%200-.984%201.456a4.44%204.44%200%200%200%20.984%204.888a.75.75%200%200%201-1.055%201.066a6%206%200%200%201-1.313-1.943a5.94%205.94%200%200%201%201.313-6.533a.75.75%200%200%201%201.06.006m5.622%200a.75.75%200%200%201%201.06-.006a6%206%200%200%201%201.313%201.943a5.94%205.94%200%200%201%200%204.59a6%206%200%200%201-1.313%201.943a.75.75%200%200%201-1.054-1.066c.421-.417.755-.912.983-1.456a4.44%204.44%200%200%200-.983-4.888a.75.75%200%200%201-.006-1.06M9.75%2012a2.25%202.25%200%201%201%204.5%200a2.25%202.25%200%200%201-4.5%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/radio-solid.svg?color=%231a73e8&size=48
