radio icon
radio-fill from Eva Icons by Akveo · Fill · MIT Free for personal and commercial use.
- Name
- radio-fill
- Set
- Eva Icons
- Style
- Fill
- Viewbox
- 24×24
- License
- MIT
1 other variant in Eva Icons
The same icon in other sets
radioAkar IconsradioBoxIcons v2radioBoxIcons v2 SolidradioCarbonradioEmoji One (Colored)radioFont Awesome 6 SolidradioFont Awesome SolidradioFeather IconsradioFluent EmojiradioFluent Emoji FlatradioFluent Emoji High ContrastradioFirefox OS EmojiradioHeroIconsradioHuge IconsradioHumbleiconsradioIconParkradioIconPark OutlineradioIconPark SolidradioIconPark TwoToneradioIonIconsradioLucideradioMaterial SymbolsradioMaterial Symbols LightradioMaterial Design Icons
Related icons in Eva Icons
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="M12 8a3 3 0 0 0-1 5.83a1 1 0 0 0 0 .17v6a1 1 0 0 0 2 0v-6a1 1 0 0 0 0-.17A3 3 0 0 0 12 8m-8.5 3a6.87 6.87 0 0 1 2.64-5.23a1 1 0 1 0-1.28-1.54A8.84 8.84 0 0 0 1.5 11a8.84 8.84 0 0 0 3.36 6.77a1 1 0 1 0 1.28-1.54A6.87 6.87 0 0 1 3.5 11"/><path fill="currentColor" d="M16.64 6.24a1 1 0 0 0-1.28 1.52A4.28 4.28 0 0 1 17 11a4.28 4.28 0 0 1-1.64 3.24A1 1 0 0 0 16 16a1 1 0 0 0 .64-.24A6.2 6.2 0 0 0 19 11a6.2 6.2 0 0 0-2.36-4.76m-7.88.12a1 1 0 0 0-1.4-.12A6.2 6.2 0 0 0 5 11a6.2 6.2 0 0 0 2.36 4.76a1 1 0 0 0 1.4-.12a1 1 0 0 0-.12-1.4A4.28 4.28 0 0 1 7 11a4.28 4.28 0 0 1 1.64-3.24a1 1 0 0 0 .12-1.4"/><path fill="currentColor" d="M19.14 4.23a1 1 0 1 0-1.28 1.54A6.87 6.87 0 0 1 20.5 11a6.87 6.87 0 0 1-2.64 5.23a1 1 0 0 0 1.28 1.54A8.84 8.84 0 0 0 22.5 11a8.84 8.84 0 0 0-3.36-6.77"/></svg>
React
import type { SVGProps } from "react";
export function EvaRadioFill(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="M12 8a3 3 0 0 0-1 5.83a1 1 0 0 0 0 .17v6a1 1 0 0 0 2 0v-6a1 1 0 0 0 0-.17A3 3 0 0 0 12 8m-8.5 3a6.87 6.87 0 0 1 2.64-5.23a1 1 0 1 0-1.28-1.54A8.84 8.84 0 0 0 1.5 11a8.84 8.84 0 0 0 3.36 6.77a1 1 0 1 0 1.28-1.54A6.87 6.87 0 0 1 3.5 11"/><path fill="currentColor" d="M16.64 6.24a1 1 0 0 0-1.28 1.52A4.28 4.28 0 0 1 17 11a4.28 4.28 0 0 1-1.64 3.24A1 1 0 0 0 16 16a1 1 0 0 0 .64-.24A6.2 6.2 0 0 0 19 11a6.2 6.2 0 0 0-2.36-4.76m-7.88.12a1 1 0 0 0-1.4-.12A6.2 6.2 0 0 0 5 11a6.2 6.2 0 0 0 2.36 4.76a1 1 0 0 0 1.4-.12a1 1 0 0 0-.12-1.4A4.28 4.28 0 0 1 7 11a4.28 4.28 0 0 1 1.64-3.24a1 1 0 0 0 .12-1.4"/><path fill="currentColor" d="M19.14 4.23a1 1 0 1 0-1.28 1.54A6.87 6.87 0 0 1 20.5 11a6.87 6.87 0 0 1-2.64 5.23a1 1 0 0 0 1.28 1.54A8.84 8.84 0 0 0 22.5 11a8.84 8.84 0 0 0-3.36-6.77"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 8a3 3 0 0 0-1 5.83a1 1 0 0 0 0 .17v6a1 1 0 0 0 2 0v-6a1 1 0 0 0 0-.17A3 3 0 0 0 12 8m-8.5 3a6.87 6.87 0 0 1 2.64-5.23a1 1 0 1 0-1.28-1.54A8.84 8.84 0 0 0 1.5 11a8.84 8.84 0 0 0 3.36 6.77a1 1 0 1 0 1.28-1.54A6.87 6.87 0 0 1 3.5 11"/><path fill="currentColor" d="M16.64 6.24a1 1 0 0 0-1.28 1.52A4.28 4.28 0 0 1 17 11a4.28 4.28 0 0 1-1.64 3.24A1 1 0 0 0 16 16a1 1 0 0 0 .64-.24A6.2 6.2 0 0 0 19 11a6.2 6.2 0 0 0-2.36-4.76m-7.88.12a1 1 0 0 0-1.4-.12A6.2 6.2 0 0 0 5 11a6.2 6.2 0 0 0 2.36 4.76a1 1 0 0 0 1.4-.12a1 1 0 0 0-.12-1.4A4.28 4.28 0 0 1 7 11a4.28 4.28 0 0 1 1.64-3.24a1 1 0 0 0 .12-1.4"/><path fill="currentColor" d="M19.14 4.23a1 1 0 1 0-1.28 1.54A6.87 6.87 0 0 1 20.5 11a6.87 6.87 0 0 1-2.64 5.23a1 1 0 0 0 1.28 1.54A8.84 8.84 0 0 0 22.5 11a8.84 8.84 0 0 0-3.36-6.77"/></svg> </template>
CSS
.icon-radio-fill {
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%22M12%208a3%203%200%200%200-1%205.83a1%201%200%200%200%200%20.17v6a1%201%200%200%200%202%200v-6a1%201%200%200%200%200-.17A3%203%200%200%200%2012%208m-8.5%203a6.87%206.87%200%200%201%202.64-5.23a1%201%200%201%200-1.28-1.54A8.84%208.84%200%200%200%201.5%2011a8.84%208.84%200%200%200%203.36%206.77a1%201%200%201%200%201.28-1.54A6.87%206.87%200%200%201%203.5%2011%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.64%206.24a1%201%200%200%200-1.28%201.52A4.28%204.28%200%200%201%2017%2011a4.28%204.28%200%200%201-1.64%203.24A1%201%200%200%200%2016%2016a1%201%200%200%200%20.64-.24A6.2%206.2%200%200%200%2019%2011a6.2%206.2%200%200%200-2.36-4.76m-7.88.12a1%201%200%200%200-1.4-.12A6.2%206.2%200%200%200%205%2011a6.2%206.2%200%200%200%202.36%204.76a1%201%200%200%200%201.4-.12a1%201%200%200%200-.12-1.4A4.28%204.28%200%200%201%207%2011a4.28%204.28%200%200%201%201.64-3.24a1%201%200%200%200%20.12-1.4%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.14%204.23a1%201%200%201%200-1.28%201.54A6.87%206.87%200%200%201%2020.5%2011a6.87%206.87%200%200%201-2.64%205.23a1%201%200%200%200%201.28%201.54A8.84%208.84%200%200%200%2022.5%2011a8.84%208.84%200%200%200-3.36-6.77%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%22M12%208a3%203%200%200%200-1%205.83a1%201%200%200%200%200%20.17v6a1%201%200%200%200%202%200v-6a1%201%200%200%200%200-.17A3%203%200%200%200%2012%208m-8.5%203a6.87%206.87%200%200%201%202.64-5.23a1%201%200%201%200-1.28-1.54A8.84%208.84%200%200%200%201.5%2011a8.84%208.84%200%200%200%203.36%206.77a1%201%200%201%200%201.28-1.54A6.87%206.87%200%200%201%203.5%2011%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.64%206.24a1%201%200%200%200-1.28%201.52A4.28%204.28%200%200%201%2017%2011a4.28%204.28%200%200%201-1.64%203.24A1%201%200%200%200%2016%2016a1%201%200%200%200%20.64-.24A6.2%206.2%200%200%200%2019%2011a6.2%206.2%200%200%200-2.36-4.76m-7.88.12a1%201%200%200%200-1.4-.12A6.2%206.2%200%200%200%205%2011a6.2%206.2%200%200%200%202.36%204.76a1%201%200%200%200%201.4-.12a1%201%200%200%200-.12-1.4A4.28%204.28%200%200%201%207%2011a4.28%204.28%200%200%201%201.64-3.24a1%201%200%200%200%20.12-1.4%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.14%204.23a1%201%200%201%200-1.28%201.54A6.87%206.87%200%200%201%2020.5%2011a6.87%206.87%200%200%201-2.64%205.23a1%201%200%200%200%201.28%201.54A8.84%208.84%200%200%200%2022.5%2011a8.84%208.84%200%200%200-3.36-6.77%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/eva/radio-fill.svg?color=%231a73e8&size=48
