radio button emoji

radio-button from Noto Emoji by Google Inc · Default · Symbols · Apache-2.0 Free for personal and commercial use.

Name
radio-button
Set
Noto Emoji
Style
Default
Category
Symbols
Viewbox
128×128
License
Apache 2.0

The same emoji in other sets

radio-buttonCarbonradio-buttonEmoji One (Colored)radio-button-16-filledFluent UI System Iconsradio-buttonFluent Emojiradio-buttonFluent Emoji Flatradio-buttonFluent Emoji High Contrastradio-buttonHuge Iconsradio-buttonOpenMojiradio-buttonPhosphorradio-button-fillRemix Iconradio-buttonTwitter Emoji

More symbols icons from Noto Emoji

a-button-blood-typeab-button-blood-typeantenna-barsaquariusariesatm-signatom-symbolb-button-blood-typebaby-symbolback-arrowbaggage-claimbiohazardblack-circleblack-large-squareblack-medium-small-squareblack-medium-squareblack-small-squareblack-square-buttonblue-circleblue-squarebright-buttonbrown-circlebrown-squarecancer

Use the radio button emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><radialGradient id="SVGmEtriegh" cx="63.864" cy="63.865" r="59.778" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#424242"/><stop offset=".617" stop-color="#444"/><stop offset=".848" stop-color="#4b4b4b"/><stop offset=".961" stop-color="#525252"/></radialGradient><path fill="url(#SVGmEtriegh)" d="M63.87 4.1C23.86 5.15 2.21 34.84 4.22 67.67C6.08 98.01 31.27 124.21 65 123.64c36.88-.63 57.52-29.12 58.6-59.18C124.8 31.29 96.46 3.24 63.87 4.1"/><path fill="#1c1c1c" d="M64.18 26.082c-24.708.66-38.402 19.787-37.425 40.446c.88 18.696 17.14 35.608 37.954 34.695c21.253-.928 35.24-17.547 36.194-37.212c1.002-20.846-16.602-38.467-36.724-37.929"/><path fill="#e0e0e0" d="M63.757 32.178c-20.815.545-31.827 16.006-30.954 33.607c.762 15.469 14.427 29.014 31.98 28.717C83.97 94.174 94.558 80.268 95.27 63.71c.738-17.264-14.555-31.98-31.514-31.53"/><path fill="#fff" d="M38.366 59.253c2.003.649 3.35-6.132 10.339-11.758c6.98-5.619 14.603-5.947 14.41-9.113s-8.23-2.58-13.12.32c-4.785 2.846-8.984 6.525-11.309 12.28c-1.346 3.325-1.82 7.79-.32 8.27"/><path fill="#848484" d="M39.96 14.78c-1.25-1.7-6.61-.32-12.74 5.16c-5.15 4.61-7.74 10.48-5.81 12.17c1.94 1.69 6.452-4.417 10.722-8.287S42.21 17.85 39.96 14.78m70.55 69.59c-3.32-1.18-4.51 4.22-6.05 6.69c-6.93 11.13-16.53 16.46-22.17 18.95c-3.47 1.53-6.61 1.61-5.56 5c.81 2.61 6.45.41 8.39-.4c3.47-1.45 10.16-5.17 15.4-9.92c5.08-4.6 8.303-9.216 10.16-13.87c.765-1.918 1.957-5.29-.17-6.45"/></svg>

React

import type { SVGProps } from "react";

export function NotoRadioButton(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><radialGradient id="SVGmEtriegh" cx="63.864" cy="63.865" r="59.778" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#424242"/><stop offset=".617" stopColor="#444"/><stop offset=".848" stopColor="#4b4b4b"/><stop offset=".961" stopColor="#525252"/></radialGradient><path fill="url(#SVGmEtriegh)" d="M63.87 4.1C23.86 5.15 2.21 34.84 4.22 67.67C6.08 98.01 31.27 124.21 65 123.64c36.88-.63 57.52-29.12 58.6-59.18C124.8 31.29 96.46 3.24 63.87 4.1"/><path fill="#1c1c1c" d="M64.18 26.082c-24.708.66-38.402 19.787-37.425 40.446c.88 18.696 17.14 35.608 37.954 34.695c21.253-.928 35.24-17.547 36.194-37.212c1.002-20.846-16.602-38.467-36.724-37.929"/><path fill="#e0e0e0" d="M63.757 32.178c-20.815.545-31.827 16.006-30.954 33.607c.762 15.469 14.427 29.014 31.98 28.717C83.97 94.174 94.558 80.268 95.27 63.71c.738-17.264-14.555-31.98-31.514-31.53"/><path fill="#fff" d="M38.366 59.253c2.003.649 3.35-6.132 10.339-11.758c6.98-5.619 14.603-5.947 14.41-9.113s-8.23-2.58-13.12.32c-4.785 2.846-8.984 6.525-11.309 12.28c-1.346 3.325-1.82 7.79-.32 8.27"/><path fill="#848484" d="M39.96 14.78c-1.25-1.7-6.61-.32-12.74 5.16c-5.15 4.61-7.74 10.48-5.81 12.17c1.94 1.69 6.452-4.417 10.722-8.287S42.21 17.85 39.96 14.78m70.55 69.59c-3.32-1.18-4.51 4.22-6.05 6.69c-6.93 11.13-16.53 16.46-22.17 18.95c-3.47 1.53-6.61 1.61-5.56 5c.81 2.61 6.45.41 8.39-.4c3.47-1.45 10.16-5.17 15.4-9.92c5.08-4.6 8.303-9.216 10.16-13.87c.765-1.918 1.957-5.29-.17-6.45"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><radialGradient id="SVGmEtriegh" cx="63.864" cy="63.865" r="59.778" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#424242"/><stop offset=".617" stop-color="#444"/><stop offset=".848" stop-color="#4b4b4b"/><stop offset=".961" stop-color="#525252"/></radialGradient><path fill="url(#SVGmEtriegh)" d="M63.87 4.1C23.86 5.15 2.21 34.84 4.22 67.67C6.08 98.01 31.27 124.21 65 123.64c36.88-.63 57.52-29.12 58.6-59.18C124.8 31.29 96.46 3.24 63.87 4.1"/><path fill="#1c1c1c" d="M64.18 26.082c-24.708.66-38.402 19.787-37.425 40.446c.88 18.696 17.14 35.608 37.954 34.695c21.253-.928 35.24-17.547 36.194-37.212c1.002-20.846-16.602-38.467-36.724-37.929"/><path fill="#e0e0e0" d="M63.757 32.178c-20.815.545-31.827 16.006-30.954 33.607c.762 15.469 14.427 29.014 31.98 28.717C83.97 94.174 94.558 80.268 95.27 63.71c.738-17.264-14.555-31.98-31.514-31.53"/><path fill="#fff" d="M38.366 59.253c2.003.649 3.35-6.132 10.339-11.758c6.98-5.619 14.603-5.947 14.41-9.113s-8.23-2.58-13.12.32c-4.785 2.846-8.984 6.525-11.309 12.28c-1.346 3.325-1.82 7.79-.32 8.27"/><path fill="#848484" d="M39.96 14.78c-1.25-1.7-6.61-.32-12.74 5.16c-5.15 4.61-7.74 10.48-5.81 12.17c1.94 1.69 6.452-4.417 10.722-8.287S42.21 17.85 39.96 14.78m70.55 69.59c-3.32-1.18-4.51 4.22-6.05 6.69c-6.93 11.13-16.53 16.46-22.17 18.95c-3.47 1.53-6.61 1.61-5.56 5c.81 2.61 6.45.41 8.39-.4c3.47-1.45 10.16-5.17 15.4-9.92c5.08-4.6 8.303-9.216 10.16-13.87c.765-1.918 1.957-5.29-.17-6.45"/></svg>
</template>

CSS

.icon-radio-button {
  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%20128%20128%22%3E%3CradialGradient%20id%3D%22SVGmEtriegh%22%20cx%3D%2263.864%22%20cy%3D%2263.865%22%20r%3D%2259.778%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23424242%22%2F%3E%3Cstop%20offset%3D%22.617%22%20stop-color%3D%22%23444%22%2F%3E%3Cstop%20offset%3D%22.848%22%20stop-color%3D%22%234b4b4b%22%2F%3E%3Cstop%20offset%3D%22.961%22%20stop-color%3D%22%23525252%22%2F%3E%3C%2FradialGradient%3E%3Cpath%20fill%3D%22url(%23SVGmEtriegh)%22%20d%3D%22M63.87%204.1C23.86%205.15%202.21%2034.84%204.22%2067.67C6.08%2098.01%2031.27%20124.21%2065%20123.64c36.88-.63%2057.52-29.12%2058.6-59.18C124.8%2031.29%2096.46%203.24%2063.87%204.1%22%2F%3E%3Cpath%20fill%3D%22%231c1c1c%22%20d%3D%22M64.18%2026.082c-24.708.66-38.402%2019.787-37.425%2040.446c.88%2018.696%2017.14%2035.608%2037.954%2034.695c21.253-.928%2035.24-17.547%2036.194-37.212c1.002-20.846-16.602-38.467-36.724-37.929%22%2F%3E%3Cpath%20fill%3D%22%23e0e0e0%22%20d%3D%22M63.757%2032.178c-20.815.545-31.827%2016.006-30.954%2033.607c.762%2015.469%2014.427%2029.014%2031.98%2028.717C83.97%2094.174%2094.558%2080.268%2095.27%2063.71c.738-17.264-14.555-31.98-31.514-31.53%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M38.366%2059.253c2.003.649%203.35-6.132%2010.339-11.758c6.98-5.619%2014.603-5.947%2014.41-9.113s-8.23-2.58-13.12.32c-4.785%202.846-8.984%206.525-11.309%2012.28c-1.346%203.325-1.82%207.79-.32%208.27%22%2F%3E%3Cpath%20fill%3D%22%23848484%22%20d%3D%22M39.96%2014.78c-1.25-1.7-6.61-.32-12.74%205.16c-5.15%204.61-7.74%2010.48-5.81%2012.17c1.94%201.69%206.452-4.417%2010.722-8.287S42.21%2017.85%2039.96%2014.78m70.55%2069.59c-3.32-1.18-4.51%204.22-6.05%206.69c-6.93%2011.13-16.53%2016.46-22.17%2018.95c-3.47%201.53-6.61%201.61-5.56%205c.81%202.61%206.45.41%208.39-.4c3.47-1.45%2010.16-5.17%2015.4-9.92c5.08-4.6%208.303-9.216%2010.16-13.87c.765-1.918%201.957-5.29-.17-6.45%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%20128%20128%22%3E%3CradialGradient%20id%3D%22SVGmEtriegh%22%20cx%3D%2263.864%22%20cy%3D%2263.865%22%20r%3D%2259.778%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23424242%22%2F%3E%3Cstop%20offset%3D%22.617%22%20stop-color%3D%22%23444%22%2F%3E%3Cstop%20offset%3D%22.848%22%20stop-color%3D%22%234b4b4b%22%2F%3E%3Cstop%20offset%3D%22.961%22%20stop-color%3D%22%23525252%22%2F%3E%3C%2FradialGradient%3E%3Cpath%20fill%3D%22url(%23SVGmEtriegh)%22%20d%3D%22M63.87%204.1C23.86%205.15%202.21%2034.84%204.22%2067.67C6.08%2098.01%2031.27%20124.21%2065%20123.64c36.88-.63%2057.52-29.12%2058.6-59.18C124.8%2031.29%2096.46%203.24%2063.87%204.1%22%2F%3E%3Cpath%20fill%3D%22%231c1c1c%22%20d%3D%22M64.18%2026.082c-24.708.66-38.402%2019.787-37.425%2040.446c.88%2018.696%2017.14%2035.608%2037.954%2034.695c21.253-.928%2035.24-17.547%2036.194-37.212c1.002-20.846-16.602-38.467-36.724-37.929%22%2F%3E%3Cpath%20fill%3D%22%23e0e0e0%22%20d%3D%22M63.757%2032.178c-20.815.545-31.827%2016.006-30.954%2033.607c.762%2015.469%2014.427%2029.014%2031.98%2028.717C83.97%2094.174%2094.558%2080.268%2095.27%2063.71c.738-17.264-14.555-31.98-31.514-31.53%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M38.366%2059.253c2.003.649%203.35-6.132%2010.339-11.758c6.98-5.619%2014.603-5.947%2014.41-9.113s-8.23-2.58-13.12.32c-4.785%202.846-8.984%206.525-11.309%2012.28c-1.346%203.325-1.82%207.79-.32%208.27%22%2F%3E%3Cpath%20fill%3D%22%23848484%22%20d%3D%22M39.96%2014.78c-1.25-1.7-6.61-.32-12.74%205.16c-5.15%204.61-7.74%2010.48-5.81%2012.17c1.94%201.69%206.452-4.417%2010.722-8.287S42.21%2017.85%2039.96%2014.78m70.55%2069.59c-3.32-1.18-4.51%204.22-6.05%206.69c-6.93%2011.13-16.53%2016.46-22.17%2018.95c-3.47%201.53-6.61%201.61-5.56%205c.81%202.61%206.45.41%208.39-.4c3.47-1.45%2010.16-5.17%2015.4-9.92c5.08-4.6%208.303-9.216%2010.16-13.87c.765-1.918%201.957-5.29-.17-6.45%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/noto/radio-button.svg?color=%231a73e8&size=48