Sonarr icon

cbi:sonarr

The Sonarr icon (cbi:sonarr) 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

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m7.296 16.359l.166.16l-2.513 2.517l.131.131l2.516-2.521l.165.161l1.545-1.604l-.465-.448Zm.107-8.728l-.163.162l1.586 1.582l.456-.457l-1.585-1.582l-.164.164l-2.596-2.588l-.128.133ZM4.937 4.912l-.129.132q.063-.066.129-.132m0-.001l-.13.131l.129-.132Zm11.735 11.365l-1.663-1.654l-.455.457l1.662 1.654l.162-.163l2.555 2.644l.008-.006l.053-.053q.035-.035.068-.073l-2.554-2.644Zm2.39 2.81q-.033.038-.068.073Zm-.129.128l.008-.006ZM16.515 7.42l.063.066Zl-.164-.163l-1.563 1.589l.459.453l1.563-1.586l-.165-.162l2.567-2.498l-.127-.133Zm2.696-2.367l-.128-.133q.065.066.128.133m.024-.023l-.129-.132l-.022.021l.128.133Zm-7.219 4.176a2.68 2.68 0 0 0-1.959.807a2.64 2.64 0 0 0-.802 1.76v.388a3 3 0 0 0 .038.328a2.62 2.62 0 0 0 .769 1.446a2.4 2.4 0 0 0 .345.295a2.785 2.785 0 0 0 3.229 0a2.4 2.4 0 0 0 .281-.235l.06-.06a2.785 2.785 0 0 0 0-3.922a2.67 2.67 0 0 0-1.961-.807m6.978 9.949l-.053.053q.029-.025.053-.053M5.768 4.167l-.009.008Zm-.83.743l-.002.002Zm.31 14.46l-.02-.018Zm2.216-7.271a5.7 5.7 0 0 0-1.438-4.295c-.813-.813-1.937-1.933-1.94-1.936a9.4 9.4 0 0 0-2.042 5.398a.13.13 0 0 0-.018.065q-.015.317-.015.667c0 .221 0 .443.015.664a10 10 0 0 0 .133 1.18a9.4 9.4 0 0 0 2.056 4.439c.007-.007.908-.908 1.765-1.77a5.68 5.68 0 0 0 1.484-4.412m4.568 4.628c-1.822 0-3.063.169-4.397 1.503a436 436 0 0 0-1.709 1.715q.126.099.257.191a9.5 9.5 0 0 0 5.825 1.862a9.6 9.6 0 0 0 5.836-1.862c.101-.069.191-.14.284-.213l-1.614-1.614c-1.441-1.444-2.583-1.582-4.482-1.582m-6.168 3.17l-.019-.019Zm-.312-.254l-.024-.021Zm6.48-12.093a5.9 5.9 0 0 0 4.48-1.576l1.778-1.773a9.6 9.6 0 0 0-6.282-2.2a9.65 9.65 0 0 0-6.24 2.166l1.876 1.879a5.85 5.85 0 0 0 4.388 1.504m7.052-2.63v-.001l-.009-.009l-.002-.002l.002.002ZM17.89 7.984c-1.21 1.211-1.311 2.258-1.311 4.111a5.75 5.75 0 0 0 1.493 4.397c.887.887 1.727 1.723 1.749 1.745a9.64 9.64 0 0 0 2.166-6.239a9.7 9.7 0 0 0-2.45-6.589q.219.253.417.505Zm1.539 10.71l-.022.024Zm-.132-13.556l-.085-.09Z"/></svg>

How to use the Sonarr icon

React

import { Icon } from "@iconify/react";

<Icon icon="cbi:sonarr" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="cbi:sonarr" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="cbi:sonarr" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--sonarr]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:sonarr"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="cbi:sonarr"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/cbi/sonarr.svg" alt="Sonarr icon" width="24" height="24">

Sonarr icon in other icon sets

Sonarr icon FAQ

Is the Sonarr 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 Sonarr icon in React?

Install @iconify/react and render <Icon icon="cbi:sonarr" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Sonarr icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/sonarr.svg" alt="Sonarr icon">, or paste the SVG code inline to style it with CSS.

Browse all Custom Brand Icons →