Radiobutton icon
fxemoji:radiobutton
The Radiobutton icon (fxemoji:radiobutton) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Firefox OS Emoji
- Author
- Mozilla
- License
- Apache-2.0
- Size
- 512 × 512
- Category
- Symbols
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" 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>How to use the Radiobutton icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:radiobutton" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:radiobutton" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:radiobutton" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--radiobutton]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:radiobutton"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:radiobutton"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/radiobutton.svg" alt="Radiobutton icon" width="24" height="24">Radiobutton icon in other icon sets
Radiobutton icon FAQ
Is the Radiobutton icon free for commercial use?
Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Radiobutton icon in React?
Install @iconify/react and render <Icon icon="fxemoji:radiobutton" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Radiobutton icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/radiobutton.svg" alt="Radiobutton icon">, or paste the SVG code inline to style it with CSS.