Color

Advanced editing in SVG Editor

IcoFont

Radio Icon

Free SVG icon from the IcoFont collection. Download or copy for use in any project.

Download SVG

Collection: IcoFont
Format: SVG, Font, PNG
License: CC BY 4.0 - Free for commercial use
Tags: radio

The Radio icon is available as a free SVG and is ready to drop into any web or app project.

img tag

<img src="https://proicons.com/icon/306314.svg" alt="Radio icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/306314.svg" alt="Radio icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/306314.svg"
  alt="Radio icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-radio {
  background-image: url('https://proicons.com/icon/306314.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<svg width="64" height="64" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M864 353H311c-19 0-33-1-31-2s3-2 4-3c121-57 241-114 362-171 10 6 21 10 34 10 35 0 63-28 63-62s-28-63-63-63-62 28-62 63v6L156 350c-4 2-10 3-16 3h-19c-11 0-19 16-19 35v515c0 19 15 35 35 35h727c19 0 35-16 35-35V388c0-19-16-35-35-35zM196 497v-29c0-19 15-35 35-35h539c19 0 35 16 35 35v29c0 19-16 35-35 35H231c-20 0-35-16-35-35zm45 314c0 2-1 4-3 4h-28c-2 0-3-2-3-4V629c0-2 1-3 3-3h28c2 0 3 1 3 3v182zm78 0c0 2-2 4-4 4h-28c-2 0-3-2-3-4V629c0-2 1-3 3-3h28c2 0 4 1 4 3v182zm70 0c0 2-2 4-4 4h-28c-2 0-3-2-3-4V629c0-2 1-3 3-3h28c2 0 4 1 4 3v182zm77 0c0 2-2 4-4 4h-27c-2 0-4-2-4-4V629c0-2 2-3 4-3h27c2 0 4 1 4 3v182zm244 6c-53-1-96-44-96-97 0-52 44-96 96-96 53 0 96 43 96 97 0 53-44 96-96 96z"/></svg>

Radio in other icon packs

Feather Icons

Copied!

Radio Icon

More from IcoFont

Radio in other icon packs