ios radio icon

Related icons in IonIcons

Use the ios radio icon

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M60 256c0-51 18.6-97.9 54-135.6 5.3-5.7 5.2-14.8-.4-20.3-2.6-2.6-6.1-4.1-9.7-4.1-3.8 0-7.4 1.6-10.1 4.4C53.3 143.7 32 197.4 32 256c0 58.5 21.3 112.3 61.7 155.5 2.7 2.9 6.3 4.5 10.2 4.5 3.6 0 7.1-1.4 9.7-3.9 2.7-2.6 4.3-6.2 4.4-10 .1-3.9-1.3-7.6-4-10.3C78.6 353.9 60 307 60 256z" fill="currentColor"/><path d="M418.2 100.4c-2.6-2.8-6.2-4.4-10-4.4-3.6 0-7.1 1.4-9.7 3.9-2.7 2.6-4.3 6.2-4.4 10-.1 3.9 1.3 7.6 4 10.3 35.3 37.8 54 84.7 54 135.7s-18.6 97.9-54 135.7c-5.3 5.6-5.2 14.7.3 20.2 2.5 2.6 6 4 9.7 4 3.9 0 7.6-1.6 10.2-4.6 40.4-43 61.7-96.7 61.7-155.2 0-58.5-21.3-112.4-61.8-155.6z" fill="currentColor"/><path d="M159.2 347.7c-24.1-24.3-37.3-56.6-37.3-90.9 0-35 13.8-67.9 38.8-92.4 5.5-5.3 5.6-14.2.2-19.8-2.6-2.7-6.2-4.2-10-4.2-3.7 0-7.2 1.4-9.8 4C110.7 174.2 94 214.1 94 256.8c0 41.6 16.1 80.9 45.3 110.6 2.7 2.7 6.2 4.2 9.9 4.2s7.2-1.5 9.8-4.2c2.6-2.6 4.1-6.1 4.1-9.8.2-3.7-1.2-7.2-3.9-9.9z" fill="currentColor"/><path d="M371 144.5c-2.6-2.6-6-4-9.8-4-3.8 0-7.3 1.5-10 4.1-5.4 5.4-5.4 14.3.1 19.8 25 24.5 38.7 56.5 38.7 91.5 0 34.2-13.1 67.4-37.1 91.8-5.4 5.4-5.3 14.3.1 19.7 2.6 2.6 6.2 4.1 9.8 4.1 3.8 0 7.4-1.5 9.9-4.1C402 337.7 418 297.6 418 256c0-42.5-16.7-81.5-47-111.5z" fill="currentColor"/><path d="M207.1 183.4c-2.6-2.7-6.2-4.2-10-4.2-3.7 0-7.2 1.4-9.8 4.1-19.8 19.5-30.8 45.6-30.8 73.3 0 27.1 10.5 52.7 29.5 72.1 2.7 2.7 6.2 4.2 10 4.2 3.7 0 7.2-1.4 9.8-4 2.7-2.6 4.2-6.1 4.2-9.9 0-3.8-1.4-7.3-4.1-10-13.8-14-21.4-32.6-21.4-52.5 0-20.3 8-39.2 22.4-53.4 5.4-5.2 5.5-14.1.2-19.7z" fill="currentColor"/><path d="M325.7 183.2c-2.6-2.6-6-4-9.8-4-3.8 0-7.3 1.5-10 4.1-5.4 5.4-5.4 14.3.1 19.8 14.5 14.3 22.4 33.3 22.4 53.5 0 19.8-7.6 38.5-21.5 52.5-2.6 2.6-4.1 6.2-4 9.9 0 3.7 1.5 7.2 4.1 9.8 2.6 2.6 6.2 4.1 9.8 4.1 3.7 0 7.3-1.5 9.9-4.2 19.1-19.4 29.6-45 29.6-72.1.1-27.8-10.8-53.8-30.6-73.4z" fill="currentColor"/><path d="M256 218c-21 0-38 17-38 38s17 38 38 38 38-17 38-38-17.1-38-38-38z" fill="currentColor"/></svg>

import type { SVGProps } from "react";

export function IonIosRadio(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M60 256c0-51 18.6-97.9 54-135.6 5.3-5.7 5.2-14.8-.4-20.3-2.6-2.6-6.1-4.1-9.7-4.1-3.8 0-7.4 1.6-10.1 4.4C53.3 143.7 32 197.4 32 256c0 58.5 21.3 112.3 61.7 155.5 2.7 2.9 6.3 4.5 10.2 4.5 3.6 0 7.1-1.4 9.7-3.9 2.7-2.6 4.3-6.2 4.4-10 .1-3.9-1.3-7.6-4-10.3C78.6 353.9 60 307 60 256z" fill="currentColor"/><path d="M418.2 100.4c-2.6-2.8-6.2-4.4-10-4.4-3.6 0-7.1 1.4-9.7 3.9-2.7 2.6-4.3 6.2-4.4 10-.1 3.9 1.3 7.6 4 10.3 35.3 37.8 54 84.7 54 135.7s-18.6 97.9-54 135.7c-5.3 5.6-5.2 14.7.3 20.2 2.5 2.6 6 4 9.7 4 3.9 0 7.6-1.6 10.2-4.6 40.4-43 61.7-96.7 61.7-155.2 0-58.5-21.3-112.4-61.8-155.6z" fill="currentColor"/><path d="M159.2 347.7c-24.1-24.3-37.3-56.6-37.3-90.9 0-35 13.8-67.9 38.8-92.4 5.5-5.3 5.6-14.2.2-19.8-2.6-2.7-6.2-4.2-10-4.2-3.7 0-7.2 1.4-9.8 4C110.7 174.2 94 214.1 94 256.8c0 41.6 16.1 80.9 45.3 110.6 2.7 2.7 6.2 4.2 9.9 4.2s7.2-1.5 9.8-4.2c2.6-2.6 4.1-6.1 4.1-9.8.2-3.7-1.2-7.2-3.9-9.9z" fill="currentColor"/><path d="M371 144.5c-2.6-2.6-6-4-9.8-4-3.8 0-7.3 1.5-10 4.1-5.4 5.4-5.4 14.3.1 19.8 25 24.5 38.7 56.5 38.7 91.5 0 34.2-13.1 67.4-37.1 91.8-5.4 5.4-5.3 14.3.1 19.7 2.6 2.6 6.2 4.1 9.8 4.1 3.8 0 7.4-1.5 9.9-4.1C402 337.7 418 297.6 418 256c0-42.5-16.7-81.5-47-111.5z" fill="currentColor"/><path d="M207.1 183.4c-2.6-2.7-6.2-4.2-10-4.2-3.7 0-7.2 1.4-9.8 4.1-19.8 19.5-30.8 45.6-30.8 73.3 0 27.1 10.5 52.7 29.5 72.1 2.7 2.7 6.2 4.2 10 4.2 3.7 0 7.2-1.4 9.8-4 2.7-2.6 4.2-6.1 4.2-9.9 0-3.8-1.4-7.3-4.1-10-13.8-14-21.4-32.6-21.4-52.5 0-20.3 8-39.2 22.4-53.4 5.4-5.2 5.5-14.1.2-19.7z" fill="currentColor"/><path d="M325.7 183.2c-2.6-2.6-6-4-9.8-4-3.8 0-7.3 1.5-10 4.1-5.4 5.4-5.4 14.3.1 19.8 14.5 14.3 22.4 33.3 22.4 53.5 0 19.8-7.6 38.5-21.5 52.5-2.6 2.6-4.1 6.2-4 9.9 0 3.7 1.5 7.2 4.1 9.8 2.6 2.6 6.2 4.1 9.8 4.1 3.7 0 7.3-1.5 9.9-4.2 19.1-19.4 29.6-45 29.6-72.1.1-27.8-10.8-53.8-30.6-73.4z" fill="currentColor"/><path d="M256 218c-21 0-38 17-38 38s17 38 38 38 38-17 38-38-17.1-38-38-38z" fill="currentColor"/></svg>
  );
}

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M60 256c0-51 18.6-97.9 54-135.6 5.3-5.7 5.2-14.8-.4-20.3-2.6-2.6-6.1-4.1-9.7-4.1-3.8 0-7.4 1.6-10.1 4.4C53.3 143.7 32 197.4 32 256c0 58.5 21.3 112.3 61.7 155.5 2.7 2.9 6.3 4.5 10.2 4.5 3.6 0 7.1-1.4 9.7-3.9 2.7-2.6 4.3-6.2 4.4-10 .1-3.9-1.3-7.6-4-10.3C78.6 353.9 60 307 60 256z" fill="currentColor"/><path d="M418.2 100.4c-2.6-2.8-6.2-4.4-10-4.4-3.6 0-7.1 1.4-9.7 3.9-2.7 2.6-4.3 6.2-4.4 10-.1 3.9 1.3 7.6 4 10.3 35.3 37.8 54 84.7 54 135.7s-18.6 97.9-54 135.7c-5.3 5.6-5.2 14.7.3 20.2 2.5 2.6 6 4 9.7 4 3.9 0 7.6-1.6 10.2-4.6 40.4-43 61.7-96.7 61.7-155.2 0-58.5-21.3-112.4-61.8-155.6z" fill="currentColor"/><path d="M159.2 347.7c-24.1-24.3-37.3-56.6-37.3-90.9 0-35 13.8-67.9 38.8-92.4 5.5-5.3 5.6-14.2.2-19.8-2.6-2.7-6.2-4.2-10-4.2-3.7 0-7.2 1.4-9.8 4C110.7 174.2 94 214.1 94 256.8c0 41.6 16.1 80.9 45.3 110.6 2.7 2.7 6.2 4.2 9.9 4.2s7.2-1.5 9.8-4.2c2.6-2.6 4.1-6.1 4.1-9.8.2-3.7-1.2-7.2-3.9-9.9z" fill="currentColor"/><path d="M371 144.5c-2.6-2.6-6-4-9.8-4-3.8 0-7.3 1.5-10 4.1-5.4 5.4-5.4 14.3.1 19.8 25 24.5 38.7 56.5 38.7 91.5 0 34.2-13.1 67.4-37.1 91.8-5.4 5.4-5.3 14.3.1 19.7 2.6 2.6 6.2 4.1 9.8 4.1 3.8 0 7.4-1.5 9.9-4.1C402 337.7 418 297.6 418 256c0-42.5-16.7-81.5-47-111.5z" fill="currentColor"/><path d="M207.1 183.4c-2.6-2.7-6.2-4.2-10-4.2-3.7 0-7.2 1.4-9.8 4.1-19.8 19.5-30.8 45.6-30.8 73.3 0 27.1 10.5 52.7 29.5 72.1 2.7 2.7 6.2 4.2 10 4.2 3.7 0 7.2-1.4 9.8-4 2.7-2.6 4.2-6.1 4.2-9.9 0-3.8-1.4-7.3-4.1-10-13.8-14-21.4-32.6-21.4-52.5 0-20.3 8-39.2 22.4-53.4 5.4-5.2 5.5-14.1.2-19.7z" fill="currentColor"/><path d="M325.7 183.2c-2.6-2.6-6-4-9.8-4-3.8 0-7.3 1.5-10 4.1-5.4 5.4-5.4 14.3.1 19.8 14.5 14.3 22.4 33.3 22.4 53.5 0 19.8-7.6 38.5-21.5 52.5-2.6 2.6-4.1 6.2-4 9.9 0 3.7 1.5 7.2 4.1 9.8 2.6 2.6 6.2 4.1 9.8 4.1 3.7 0 7.3-1.5 9.9-4.2 19.1-19.4 29.6-45 29.6-72.1.1-27.8-10.8-53.8-30.6-73.4z" fill="currentColor"/><path d="M256 218c-21 0-38 17-38 38s17 38 38 38 38-17 38-38-17.1-38-38-38z" fill="currentColor"/></svg>
</template>

.icon-ios-radio {
  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%22M60%20256c0-51%2018.6-97.9%2054-135.6%205.3-5.7%205.2-14.8-.4-20.3-2.6-2.6-6.1-4.1-9.7-4.1-3.8%200-7.4%201.6-10.1%204.4C53.3%20143.7%2032%20197.4%2032%20256c0%2058.5%2021.3%20112.3%2061.7%20155.5%202.7%202.9%206.3%204.5%2010.2%204.5%203.6%200%207.1-1.4%209.7-3.9%202.7-2.6%204.3-6.2%204.4-10%20.1-3.9-1.3-7.6-4-10.3C78.6%20353.9%2060%20307%2060%20256z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M418.2%20100.4c-2.6-2.8-6.2-4.4-10-4.4-3.6%200-7.1%201.4-9.7%203.9-2.7%202.6-4.3%206.2-4.4%2010-.1%203.9%201.3%207.6%204%2010.3%2035.3%2037.8%2054%2084.7%2054%20135.7s-18.6%2097.9-54%20135.7c-5.3%205.6-5.2%2014.7.3%2020.2%202.5%202.6%206%204%209.7%204%203.9%200%207.6-1.6%2010.2-4.6%2040.4-43%2061.7-96.7%2061.7-155.2%200-58.5-21.3-112.4-61.8-155.6z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M159.2%20347.7c-24.1-24.3-37.3-56.6-37.3-90.9%200-35%2013.8-67.9%2038.8-92.4%205.5-5.3%205.6-14.2.2-19.8-2.6-2.7-6.2-4.2-10-4.2-3.7%200-7.2%201.4-9.8%204C110.7%20174.2%2094%20214.1%2094%20256.8c0%2041.6%2016.1%2080.9%2045.3%20110.6%202.7%202.7%206.2%204.2%209.9%204.2s7.2-1.5%209.8-4.2c2.6-2.6%204.1-6.1%204.1-9.8.2-3.7-1.2-7.2-3.9-9.9z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M371%20144.5c-2.6-2.6-6-4-9.8-4-3.8%200-7.3%201.5-10%204.1-5.4%205.4-5.4%2014.3.1%2019.8%2025%2024.5%2038.7%2056.5%2038.7%2091.5%200%2034.2-13.1%2067.4-37.1%2091.8-5.4%205.4-5.3%2014.3.1%2019.7%202.6%202.6%206.2%204.1%209.8%204.1%203.8%200%207.4-1.5%209.9-4.1C402%20337.7%20418%20297.6%20418%20256c0-42.5-16.7-81.5-47-111.5z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M207.1%20183.4c-2.6-2.7-6.2-4.2-10-4.2-3.7%200-7.2%201.4-9.8%204.1-19.8%2019.5-30.8%2045.6-30.8%2073.3%200%2027.1%2010.5%2052.7%2029.5%2072.1%202.7%202.7%206.2%204.2%2010%204.2%203.7%200%207.2-1.4%209.8-4%202.7-2.6%204.2-6.1%204.2-9.9%200-3.8-1.4-7.3-4.1-10-13.8-14-21.4-32.6-21.4-52.5%200-20.3%208-39.2%2022.4-53.4%205.4-5.2%205.5-14.1.2-19.7z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M325.7%20183.2c-2.6-2.6-6-4-9.8-4-3.8%200-7.3%201.5-10%204.1-5.4%205.4-5.4%2014.3.1%2019.8%2014.5%2014.3%2022.4%2033.3%2022.4%2053.5%200%2019.8-7.6%2038.5-21.5%2052.5-2.6%202.6-4.1%206.2-4%209.9%200%203.7%201.5%207.2%204.1%209.8%202.6%202.6%206.2%204.1%209.8%204.1%203.7%200%207.3-1.5%209.9-4.2%2019.1-19.4%2029.6-45%2029.6-72.1.1-27.8-10.8-53.8-30.6-73.4z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M256%20218c-21%200-38%2017-38%2038s17%2038%2038%2038%2038-17%2038-38-17.1-38-38-38z%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%22M60%20256c0-51%2018.6-97.9%2054-135.6%205.3-5.7%205.2-14.8-.4-20.3-2.6-2.6-6.1-4.1-9.7-4.1-3.8%200-7.4%201.6-10.1%204.4C53.3%20143.7%2032%20197.4%2032%20256c0%2058.5%2021.3%20112.3%2061.7%20155.5%202.7%202.9%206.3%204.5%2010.2%204.5%203.6%200%207.1-1.4%209.7-3.9%202.7-2.6%204.3-6.2%204.4-10%20.1-3.9-1.3-7.6-4-10.3C78.6%20353.9%2060%20307%2060%20256z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M418.2%20100.4c-2.6-2.8-6.2-4.4-10-4.4-3.6%200-7.1%201.4-9.7%203.9-2.7%202.6-4.3%206.2-4.4%2010-.1%203.9%201.3%207.6%204%2010.3%2035.3%2037.8%2054%2084.7%2054%20135.7s-18.6%2097.9-54%20135.7c-5.3%205.6-5.2%2014.7.3%2020.2%202.5%202.6%206%204%209.7%204%203.9%200%207.6-1.6%2010.2-4.6%2040.4-43%2061.7-96.7%2061.7-155.2%200-58.5-21.3-112.4-61.8-155.6z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M159.2%20347.7c-24.1-24.3-37.3-56.6-37.3-90.9%200-35%2013.8-67.9%2038.8-92.4%205.5-5.3%205.6-14.2.2-19.8-2.6-2.7-6.2-4.2-10-4.2-3.7%200-7.2%201.4-9.8%204C110.7%20174.2%2094%20214.1%2094%20256.8c0%2041.6%2016.1%2080.9%2045.3%20110.6%202.7%202.7%206.2%204.2%209.9%204.2s7.2-1.5%209.8-4.2c2.6-2.6%204.1-6.1%204.1-9.8.2-3.7-1.2-7.2-3.9-9.9z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M371%20144.5c-2.6-2.6-6-4-9.8-4-3.8%200-7.3%201.5-10%204.1-5.4%205.4-5.4%2014.3.1%2019.8%2025%2024.5%2038.7%2056.5%2038.7%2091.5%200%2034.2-13.1%2067.4-37.1%2091.8-5.4%205.4-5.3%2014.3.1%2019.7%202.6%202.6%206.2%204.1%209.8%204.1%203.8%200%207.4-1.5%209.9-4.1C402%20337.7%20418%20297.6%20418%20256c0-42.5-16.7-81.5-47-111.5z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M207.1%20183.4c-2.6-2.7-6.2-4.2-10-4.2-3.7%200-7.2%201.4-9.8%204.1-19.8%2019.5-30.8%2045.6-30.8%2073.3%200%2027.1%2010.5%2052.7%2029.5%2072.1%202.7%202.7%206.2%204.2%2010%204.2%203.7%200%207.2-1.4%209.8-4%202.7-2.6%204.2-6.1%204.2-9.9%200-3.8-1.4-7.3-4.1-10-13.8-14-21.4-32.6-21.4-52.5%200-20.3%208-39.2%2022.4-53.4%205.4-5.2%205.5-14.1.2-19.7z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M325.7%20183.2c-2.6-2.6-6-4-9.8-4-3.8%200-7.3%201.5-10%204.1-5.4%205.4-5.4%2014.3.1%2019.8%2014.5%2014.3%2022.4%2033.3%2022.4%2053.5%200%2019.8-7.6%2038.5-21.5%2052.5-2.6%202.6-4.1%206.2-4%209.9%200%203.7%201.5%207.2%204.1%209.8%202.6%202.6%206.2%204.1%209.8%204.1%203.7%200%207.3-1.5%209.9-4.2%2019.1-19.4%2029.6-45%2029.6-72.1.1-27.8-10.8-53.8-30.6-73.4z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M256%20218c-21%200-38%2017-38%2038s17%2038%2038%2038%2038-17%2038-38-17.1-38-38-38z%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/ios-radio.svg?color=%231a73e8&size=48