Radio Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
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/320585.svg" alt="Radio icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/320585.svg" alt="Radio icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/320585.svg" alt="Radio icon" :width="24" :height="24" />
CSS background
.icon-radio {
background-image: url('https://proicons.com/icon/320585.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="UTF-8"?>
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<defs>
<style>
.cls-1 {
fill: none;
}
</style>
</defs>
<path id="radio" d="M28,30.3604H4c-1.3013,0-2.3599-1.0586-2.3599-2.3604v-15c0-1.3013,1.0586-2.3599,2.3599-2.3599h21.4746L8.8389,2.3218l.3223-.6436,17.9238,8.9619h.915c1.3018,0,2.3604,1.0586,2.3604,2.3599v15c0,1.3018-1.0586,2.3604-2.3604,2.3604ZM4,11.3599c-.9043,0-1.6401.7358-1.6401,1.6401v15c0,.9043.7358,1.6396,1.6401,1.6396h24c.9043,0,1.6396-.7354,1.6396-1.6396v-15c0-.9043-.7354-1.6401-1.6396-1.6401H4ZM26.5,28.3604h-9c-.4746,0-.8599-.3857-.8599-.8604v-1c0-.4746.3853-.8604.8599-.8604h9c.4746,0,.8604.3857.8604.8604v1c0,.4746-.3857.8604-.8604.8604ZM17.5,26.3604c-.0771,0-.1396.0625-.1396.1396v1c0,.0771.0625.1396.1396.1396h9c.0771,0,.1396-.0625.1396-.1396v-1c0-.0771-.0625-.1396-.1396-.1396h-9ZM8,28.3604c-2.4043,0-4.3599-1.9561-4.3599-4.3604s1.9556-4.3604,4.3599-4.3604,4.3599,1.9561,4.3599,4.3604-1.9556,4.3604-4.3599,4.3604ZM8,20.3604c-2.0073,0-3.6401,1.6328-3.6401,3.6396s1.6328,3.6396,3.6401,3.6396,3.6401-1.6328,3.6401-3.6396-1.6328-3.6396-3.6401-3.6396ZM26,24.3604c-.75,0-1.3604-.6104-1.3604-1.3604s.6104-1.3604,1.3604-1.3604,1.3604.6104,1.3604,1.3604-.6104,1.3604-1.3604,1.3604ZM26,22.3604c-.3525,0-.6396.2871-.6396.6396s.2871.6396.6396.6396.6396-.2871.6396-.6396-.2871-.6396-.6396-.6396ZM22,24.3604c-.75,0-1.3604-.6104-1.3604-1.3604s.6104-1.3604,1.3604-1.3604,1.3604.6104,1.3604,1.3604-.6104,1.3604-1.3604,1.3604ZM22,22.3604c-.3525,0-.6396.2871-.6396.6396s.2871.6396.6396.6396.6396-.2871.6396-.6396-.2871-.6396-.6396-.6396ZM18,24.3604c-.75,0-1.3599-.6104-1.3599-1.3604s.6099-1.3604,1.3599-1.3604,1.3604.6104,1.3604,1.3604-.6104,1.3604-1.3604,1.3604ZM18,22.3604c-.3525,0-.6396.2871-.6396.6396s.2871.6396.6396.6396.6396-.2871.6396-.6396-.2871-.6396-.6396-.6396ZM27,17.3604H5c-.75,0-1.3599-.6104-1.3599-1.3604v-2c0-.75.6099-1.3599,1.3599-1.3599h22c.75,0,1.3604.6099,1.3604,1.3599v2c0,.75-.6104,1.3604-1.3604,1.3604ZM23.3604,16.6401h3.6396c.3525,0,.6396-.2871.6396-.6401v-2c0-.353-.2871-.6401-.6396-.6401H5c-.353,0-.6401.2871-.6401.6401v2c0,.353.2871.6401.6401.6401h17.6396v-1.6401h.7207v1.6401Z"/>
<rect id="Transparent_Rectangle" data-name="Transparent Rectangle" class="cls-1" width="32" height="32"/>
</svg>
More from Carbon Icons
View all
Radio in other icon packs
Copied!