radiobutton emoji
radiobutton from Firefox OS Emoji by Mozilla · Default · Symbols · Apache-2.0 Free for personal and commercial use.
- Name
- radiobutton
- Set
- Firefox OS Emoji
- Style
- Default
- Category
- Symbols
- Viewbox
- 512×512
- License
- Apache 2.0
The same emoji in other sets
More symbols icons from Firefox OS Emoji
alarmclockantennawithbarsanticlockwiseupwardsanddownwardsarrowsaquariusariesarrowrightwardsdownwardsarrowrightwardsupwardsautomatedtellermachinebabysymbolbackwithleftwardsarrowbaggageclaimballotboxwithcheckblackclubsuitblackdiamondsuitblackdownpointingdoublearrowblackheartsuitblacklargesquareblackleftpointingarrowblackleftpointingdoublearrowblackmediumsmallsquareblackmediumsquareblackquestionmarkblackrightpointingarrowblackrightpointingdoublearrow
Use the radiobutton emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><circle cx="256" cy="256" r="241" fill="#646768"/><path fill="#464A4C" d="M256 39c129.076 0 234.448 101.475 240.702 229c.195-3.976.298-7.976.298-12c0-133.101-107.899-241-241-241S15 122.899 15 256c0 4.024.103 8.024.298 12C21.552 140.475 126.924 39 256 39"/><path fill="#464A4C" d="M256 374.264c-62.695 0-114.063-48.483-118.663-110.002a121 121 0 0 0-.337 8.998c0 65.722 53.278 119 119 119s119-53.278 119-119c0-3.027-.115-6.028-.337-8.998c-4.6 61.518-55.968 110.002-118.663 110.002"/><circle cx="256" cy="256" r="119" fill="#F4F3EF"/><path fill="#FFF" d="M182.967 239.946c-2.002 0-4.039-.346-6.028-1.076c-9.073-3.33-13.729-13.385-10.398-22.458c9.094-24.779 31.792-45.158 60.714-54.512c9.195-2.975 19.062 2.069 22.036 11.266s-2.07 19.062-11.266 22.036c-22.101 7.147-34.445 21.873-38.628 33.269c-2.6 7.084-9.299 11.475-16.43 11.475"/></svg>
React
import type { SVGProps } from "react";
export function FxemojiRadiobutton(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="241" fill="#646768"/><path fill="#464A4C" d="M256 39c129.076 0 234.448 101.475 240.702 229c.195-3.976.298-7.976.298-12c0-133.101-107.899-241-241-241S15 122.899 15 256c0 4.024.103 8.024.298 12C21.552 140.475 126.924 39 256 39"/><path fill="#464A4C" d="M256 374.264c-62.695 0-114.063-48.483-118.663-110.002a121 121 0 0 0-.337 8.998c0 65.722 53.278 119 119 119s119-53.278 119-119c0-3.027-.115-6.028-.337-8.998c-4.6 61.518-55.968 110.002-118.663 110.002"/><circle cx="256" cy="256" r="119" fill="#F4F3EF"/><path fill="#FFF" d="M182.967 239.946c-2.002 0-4.039-.346-6.028-1.076c-9.073-3.33-13.729-13.385-10.398-22.458c9.094-24.779 31.792-45.158 60.714-54.512c9.195-2.975 19.062 2.069 22.036 11.266s-2.07 19.062-11.266 22.036c-22.101 7.147-34.445 21.873-38.628 33.269c-2.6 7.084-9.299 11.475-16.43 11.475"/></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="241" fill="#646768"/><path fill="#464A4C" d="M256 39c129.076 0 234.448 101.475 240.702 229c.195-3.976.298-7.976.298-12c0-133.101-107.899-241-241-241S15 122.899 15 256c0 4.024.103 8.024.298 12C21.552 140.475 126.924 39 256 39"/><path fill="#464A4C" d="M256 374.264c-62.695 0-114.063-48.483-118.663-110.002a121 121 0 0 0-.337 8.998c0 65.722 53.278 119 119 119s119-53.278 119-119c0-3.027-.115-6.028-.337-8.998c-4.6 61.518-55.968 110.002-118.663 110.002"/><circle cx="256" cy="256" r="119" fill="#F4F3EF"/><path fill="#FFF" d="M182.967 239.946c-2.002 0-4.039-.346-6.028-1.076c-9.073-3.33-13.729-13.385-10.398-22.458c9.094-24.779 31.792-45.158 60.714-54.512c9.195-2.975 19.062 2.069 22.036 11.266s-2.07 19.062-11.266 22.036c-22.101 7.147-34.445 21.873-38.628 33.269c-2.6 7.084-9.299 11.475-16.43 11.475"/></svg> </template>
CSS
.icon-radiobutton {
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%22241%22%20fill%3D%22%23646768%22%2F%3E%3Cpath%20fill%3D%22%23464A4C%22%20d%3D%22M256%2039c129.076%200%20234.448%20101.475%20240.702%20229c.195-3.976.298-7.976.298-12c0-133.101-107.899-241-241-241S15%20122.899%2015%20256c0%204.024.103%208.024.298%2012C21.552%20140.475%20126.924%2039%20256%2039%22%2F%3E%3Cpath%20fill%3D%22%23464A4C%22%20d%3D%22M256%20374.264c-62.695%200-114.063-48.483-118.663-110.002a121%20121%200%200%200-.337%208.998c0%2065.722%2053.278%20119%20119%20119s119-53.278%20119-119c0-3.027-.115-6.028-.337-8.998c-4.6%2061.518-55.968%20110.002-118.663%20110.002%22%2F%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22256%22%20r%3D%22119%22%20fill%3D%22%23F4F3EF%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M182.967%20239.946c-2.002%200-4.039-.346-6.028-1.076c-9.073-3.33-13.729-13.385-10.398-22.458c9.094-24.779%2031.792-45.158%2060.714-54.512c9.195-2.975%2019.062%202.069%2022.036%2011.266s-2.07%2019.062-11.266%2022.036c-22.101%207.147-34.445%2021.873-38.628%2033.269c-2.6%207.084-9.299%2011.475-16.43%2011.475%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%22241%22%20fill%3D%22%23646768%22%2F%3E%3Cpath%20fill%3D%22%23464A4C%22%20d%3D%22M256%2039c129.076%200%20234.448%20101.475%20240.702%20229c.195-3.976.298-7.976.298-12c0-133.101-107.899-241-241-241S15%20122.899%2015%20256c0%204.024.103%208.024.298%2012C21.552%20140.475%20126.924%2039%20256%2039%22%2F%3E%3Cpath%20fill%3D%22%23464A4C%22%20d%3D%22M256%20374.264c-62.695%200-114.063-48.483-118.663-110.002a121%20121%200%200%200-.337%208.998c0%2065.722%2053.278%20119%20119%20119s119-53.278%20119-119c0-3.027-.115-6.028-.337-8.998c-4.6%2061.518-55.968%20110.002-118.663%20110.002%22%2F%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22256%22%20r%3D%22119%22%20fill%3D%22%23F4F3EF%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M182.967%20239.946c-2.002%200-4.039-.346-6.028-1.076c-9.073-3.33-13.729-13.385-10.398-22.458c9.094-24.779%2031.792-45.158%2060.714-54.512c9.195-2.975%2019.062%202.069%2022.036%2011.266s-2.07%2019.062-11.266%2022.036c-22.101%207.147-34.445%2021.873-38.628%2033.269c-2.6%207.084-9.299%2011.475-16.43%2011.475%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fxemoji/radiobutton.svg?color=%231a73e8&size=48
