radio button off icon

radio-button-off-16-filled from Fluent UI System Icons by Microsoft Corporation · 16 Filled · MIT Free for personal and commercial use.

Name
radio-button-off-16-filled
Set
Fluent UI System Icons
Style
16 Filled
Viewbox
16×16
License
MIT

1 other variant in Fluent UI System Icons

radio-button-off-16-regular

The same icon in other sets

radio-button-off-fillEva Iconsradio-button-offIonIcons

Related icons in Fluent UI System Icons

radio-button-16-filled

Use the radio button off icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M14.146 14.854A.5.5 0 0 0 14.5 15v-.001a.5.5 0 0 0 .354-.853l-13-12.999a.5.5 0 0 0-.708.707l2.28 2.279A5.9 5.9 0 0 0 2 8c0 3.31 2.69 6 6 6a5.9 5.9 0 0 0 3.867-1.425zm-2.982-2.982a5.002 5.002 0 0 1-7.035-7.035l1.428 1.427a2.996 2.996 0 0 0 4.18 4.18zM4.95 2.83A5.93 5.93 0 0 1 8 2c3.31 0 6 2.69 6 6c0 1.12-.3 2.16-.83 3.05l-.74-.74C12.8 9.62 13 8.83 13 8c0-2.76-2.24-5-5-5c-.83 0-1.62.2-2.31.57zm5.94 5.94c.07-.24.11-.5.11-.77c0-1.66-1.34-3-3-3c-.27 0-.53.04-.77.11z"/></svg>

React

import type { SVGProps } from "react";

export function FluentRadioButtonOff16Filled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M14.146 14.854A.5.5 0 0 0 14.5 15v-.001a.5.5 0 0 0 .354-.853l-13-12.999a.5.5 0 0 0-.708.707l2.28 2.279A5.9 5.9 0 0 0 2 8c0 3.31 2.69 6 6 6a5.9 5.9 0 0 0 3.867-1.425zm-2.982-2.982a5.002 5.002 0 0 1-7.035-7.035l1.428 1.427a2.996 2.996 0 0 0 4.18 4.18zM4.95 2.83A5.93 5.93 0 0 1 8 2c3.31 0 6 2.69 6 6c0 1.12-.3 2.16-.83 3.05l-.74-.74C12.8 9.62 13 8.83 13 8c0-2.76-2.24-5-5-5c-.83 0-1.62.2-2.31.57zm5.94 5.94c.07-.24.11-.5.11-.77c0-1.66-1.34-3-3-3c-.27 0-.53.04-.77.11z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M14.146 14.854A.5.5 0 0 0 14.5 15v-.001a.5.5 0 0 0 .354-.853l-13-12.999a.5.5 0 0 0-.708.707l2.28 2.279A5.9 5.9 0 0 0 2 8c0 3.31 2.69 6 6 6a5.9 5.9 0 0 0 3.867-1.425zm-2.982-2.982a5.002 5.002 0 0 1-7.035-7.035l1.428 1.427a2.996 2.996 0 0 0 4.18 4.18zM4.95 2.83A5.93 5.93 0 0 1 8 2c3.31 0 6 2.69 6 6c0 1.12-.3 2.16-.83 3.05l-.74-.74C12.8 9.62 13 8.83 13 8c0-2.76-2.24-5-5-5c-.83 0-1.62.2-2.31.57zm5.94 5.94c.07-.24.11-.5.11-.77c0-1.66-1.34-3-3-3c-.27 0-.53.04-.77.11z"/></svg>
</template>

CSS

.icon-radio-button-off-16-filled {
  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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.146%2014.854A.5.5%200%200%200%2014.5%2015v-.001a.5.5%200%200%200%20.354-.853l-13-12.999a.5.5%200%200%200-.708.707l2.28%202.279A5.9%205.9%200%200%200%202%208c0%203.31%202.69%206%206%206a5.9%205.9%200%200%200%203.867-1.425zm-2.982-2.982a5.002%205.002%200%200%201-7.035-7.035l1.428%201.427a2.996%202.996%200%200%200%204.18%204.18zM4.95%202.83A5.93%205.93%200%200%201%208%202c3.31%200%206%202.69%206%206c0%201.12-.3%202.16-.83%203.05l-.74-.74C12.8%209.62%2013%208.83%2013%208c0-2.76-2.24-5-5-5c-.83%200-1.62.2-2.31.57zm5.94%205.94c.07-.24.11-.5.11-.77c0-1.66-1.34-3-3-3c-.27%200-.53.04-.77.11z%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.146%2014.854A.5.5%200%200%200%2014.5%2015v-.001a.5.5%200%200%200%20.354-.853l-13-12.999a.5.5%200%200%200-.708.707l2.28%202.279A5.9%205.9%200%200%200%202%208c0%203.31%202.69%206%206%206a5.9%205.9%200%200%200%203.867-1.425zm-2.982-2.982a5.002%205.002%200%200%201-7.035-7.035l1.428%201.427a2.996%202.996%200%200%200%204.18%204.18zM4.95%202.83A5.93%205.93%200%200%201%208%202c3.31%200%206%202.69%206%206c0%201.12-.3%202.16-.83%203.05l-.74-.74C12.8%209.62%2013%208.83%2013%208c0-2.76-2.24-5-5-5c-.83%200-1.62.2-2.31.57zm5.94%205.94c.07-.24.11-.5.11-.77c0-1.66-1.34-3-3-3c-.27%200-.53.04-.77.11z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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