md radio button on icon
md-radio-button-on from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- md-radio-button-on
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
- Aliases
- android-radio-button-on
Related icons in IonIcons
md-addmd-add-circlemd-airplanemd-alarmmd-albumsmd-alertmd-american-footballmd-analyticsmd-aperturemd-appsmd-appstoremd-archivemd-arrow-backmd-arrow-downmd-arrow-dropdownmd-arrow-dropdown-circlemd-arrow-dropleftmd-arrow-dropleft-circlemd-arrow-droprightmd-arrow-dropright-circlemd-arrow-dropupmd-arrow-dropup-circlemd-arrow-forwardmd-arrow-round-back
Use the md radio button on icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M256 152c-57.2 0-104 46.8-104 104s46.8 104 104 104 104-46.8 104-104-46.8-104-104-104zm0-104C141.601 48 48 141.601 48 256s93.601 208 208 208 208-93.601 208-208S370.399 48 256 48zm0 374.4c-91.518 0-166.4-74.883-166.4-166.4S164.482 89.6 256 89.6 422.4 164.482 422.4 256 347.518 422.4 256 422.4z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonMdRadioButtonOn(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M256 152c-57.2 0-104 46.8-104 104s46.8 104 104 104 104-46.8 104-104-46.8-104-104-104zm0-104C141.601 48 48 141.601 48 256s93.601 208 208 208 208-93.601 208-208S370.399 48 256 48zm0 374.4c-91.518 0-166.4-74.883-166.4-166.4S164.482 89.6 256 89.6 422.4 164.482 422.4 256 347.518 422.4 256 422.4z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M256 152c-57.2 0-104 46.8-104 104s46.8 104 104 104 104-46.8 104-104-46.8-104-104-104zm0-104C141.601 48 48 141.601 48 256s93.601 208 208 208 208-93.601 208-208S370.399 48 256 48zm0 374.4c-91.518 0-166.4-74.883-166.4-166.4S164.482 89.6 256 89.6 422.4 164.482 422.4 256 347.518 422.4 256 422.4z" fill="currentColor"/></svg> </template>
CSS
.icon-md-radio-button-on {
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%3Cpath%20d%3D%22M256%20152c-57.2%200-104%2046.8-104%20104s46.8%20104%20104%20104%20104-46.8%20104-104-46.8-104-104-104zm0-104C141.601%2048%2048%20141.601%2048%20256s93.601%20208%20208%20208%20208-93.601%20208-208S370.399%2048%20256%2048zm0%20374.4c-91.518%200-166.4-74.883-166.4-166.4S164.482%2089.6%20256%2089.6%20422.4%20164.482%20422.4%20256%20347.518%20422.4%20256%20422.4z%22%20fill%3D%22currentColor%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%3Cpath%20d%3D%22M256%20152c-57.2%200-104%2046.8-104%20104s46.8%20104%20104%20104%20104-46.8%20104-104-46.8-104-104-104zm0-104C141.601%2048%2048%20141.601%2048%20256s93.601%20208%20208%20208%20208-93.601%20208-208S370.399%2048%20256%2048zm0%20374.4c-91.518%200-166.4-74.883-166.4-166.4S164.482%2089.6%20256%2089.6%20422.4%20164.482%20422.4%20256%20347.518%20422.4%20256%20422.4z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/md-radio-button-on.svg?color=%231a73e8&size=48
