Top Radio icon
cbi:top-radio
The Top Radio icon (cbi:top-radio) is a free SVG icon from the Custom Brand Icons set by Emanuele & rchiileea. It is drawn on a 24 × 24 grid. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Custom Brand Icons
- Author
- Emanuele & rchiileea
- License
- CC-BY-NC-SA-4.0
- Size
- 24 × 24
- Tags
- topradio
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.318 16.282v.949h.349v-.949h-.174Zm1.185-.003a.7.7 0 0 0-.327-.015a.56.56 0 0 0-.33.259a.66.66 0 0 0-.022.4a.537.537 0 0 0 .97.046a.4.4 0 0 0 .043-.216a.48.48 0 0 0-.334-.474m-.245.644a.2.2 0 0 1-.08-.06a.26.26 0 0 1 0-.213a.166.166 0 0 1 .214-.067a.17.17 0 0 1 .1.169a.163.163 0 0 1-.234.171m-2.589-.607c0 .036-.025.045-.043.015a.37.37 0 0 0-.232-.082a.4.4 0 0 0-.166.04a.43.43 0 0 0-.212.216a.73.73 0 0 0-.027.438a.46.46 0 0 0 .353.315a.42.42 0 0 0 .258-.062c.056-.04.065-.04.065 0s.012.033.158.033h.165v-.949h-.159c-.148.002-.16.004-.16.036m-.145.621a.2.2 0 0 1-.178-.074a.26.26 0 0 1 0-.213a.164.164 0 0 1 .226-.06c.07.036.091.087.085.2a.2.2 0 0 1-.133.147m-.835-.661a.4.4 0 0 0-.086.051c-.028.025-.03.025-.03-.008s-.007-.037-.167-.037h-.169v.949h.353v-.281c0-.262 0-.283.036-.327s.041-.045.148-.038c.133.006.132.011.132-.2v-.136h-.082a.5.5 0 0 0-.135.027m2.125-.432a1.3 1.3 0 0 0-.012.246v.237l-.078-.038a.38.38 0 0 0-.439.072a.535.535 0 0 0 .158.878a.36.36 0 0 0 .306-.033c.066-.039.07-.039.07-.007s.012.032.165.032h.167v-1.398h-.165a.7.7 0 0 0-.172.011m-.172 1.091a.18.18 0 0 1-.145-.267a.154.154 0 0 1 .265-.047a.179.179 0 0 1-.12.314m.851-1.136a.15.15 0 0 0-.135.056a.15.15 0 0 0-.057.135a.15.15 0 0 0 .057.135a.192.192 0 0 0 .327-.131a.193.193 0 0 0-.191-.191Zm9.362-4.77a3.33 3.33 0 0 0-2.342-2.467a3.2 3.2 0 0 0-1.658.037a1.95 1.95 0 0 0-.757.448l-.134.128v-.521h-2.281v1.049c0 .987 0 1.049-.029.987a6 6 0 0 0-.13-.274a3.5 3.5 0 0 0-5.349-1.16a3.7 3.7 0 0 0-.918 1.146l-.062.125l-.004-.937v-.936H6.022V6.739L4.007 8.746L2 10.752h1.639l.007 1.199a6 6 0 0 0 .093 1.665a2.26 2.26 0 0 0 2.132 1.831a7 7 0 0 0 1.167-.027a4.2 4.2 0 0 0 1.779-.724l.208-.138l.126.105a3.7 3.7 0 0 0 1.555.74a3.52 3.52 0 0 0 3.141-.945a3.6 3.6 0 0 0 .808-1.219a12.6 12.6 0 0 1 .027 1.982v2.04l1.206-1.206l1.205-1.205l.089.077a2.2 2.2 0 0 0 1.018.5a3.8 3.8 0 0 0 .998.025a3.495 3.495 0 0 0 2.657-4.423m-13.786-.182a3.6 3.6 0 0 0-.111 1.811c.016.091.033.173.035.181a2.2 2.2 0 0 1-.464.257a1.37 1.37 0 0 1-.914.121a.7.7 0 0 1-.553-.557a5.3 5.3 0 0 1-.037-1.005v-.899h2.078Zm4.608 1.429a1.328 1.328 0 0 1-2.576.015a1.5 1.5 0 0 1 0-.648a1.34 1.34 0 0 1 1.092-.991a1.7 1.7 0 0 1 .506.025a1.38 1.38 0 0 1 .972.953a1.6 1.6 0 0 1 .006.646m6.756.027a1.28 1.28 0 0 1-1.324.96a1.2 1.2 0 0 1-.469-.121a1.291 1.291 0 0 1 .315-2.432a1.2 1.2 0 0 1 .461 0a1.3 1.3 0 0 1 1.017.941a1.5 1.5 0 0 1 0 .648Z"/></svg>How to use the Top Radio icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:top-radio" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:top-radio" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:top-radio" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--top-radio]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:top-radio"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:top-radio"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cbi/top-radio.svg" alt="Top Radio icon" width="24" height="24">Related icons in Custom Brand Icons
Top Radio icon FAQ
Is the Top Radio icon free for commercial use?
No. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author.
How do I use the Top Radio icon in React?
Install @iconify/react and render <Icon icon="cbi:top-radio" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Top Radio icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/top-radio.svg" alt="Top Radio icon">, or paste the SVG code inline to style it with CSS.