Crunchyrol icon

cbi:crunchyrol

The Crunchyrol icon (cbi:crunchyrol) 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="M12.892 16.18a5.37 5.37 0 0 1-4.893-4.404a6.7 6.7 0 0 1-.031-1.657a5.37 5.37 0 0 1 4.603-4.54a6.8 6.8 0 0 1 1.817.05a5.7 5.7 0 0 1 1.206.393l.274.128l-.257.12a2.386 2.386 0 0 0 .424 4.482a2.65 2.65 0 0 0 1.242 0a2.44 2.44 0 0 0 1.136-.674c.105-.112.211-.192.211-.178a3 3 0 0 1 .056.344a6.6 6.6 0 0 1-.064 1.665a5.36 5.36 0 0 1-2.045 3.217a5.5 5.5 0 0 1-3.683 1.054Zm-1.624.944a13 13 0 0 1-1.186-.205a7.69 7.69 0 0 1-4.989-4.034a7 7 0 0 1-.756-3.313a7.1 7.1 0 0 1 .752-3.313a7.3 7.3 0 0 1 1.488-2.065a7.64 7.64 0 0 1 4.447-2.151a10.3 10.3 0 0 1 2.283.045a7.8 7.8 0 0 1 2.96 1.178a7.5 7.5 0 0 1 3.387 6.721c-.024.044-.037 0-.053-.19a6.724 6.724 0 0 0-13.253-.616a6.46 6.46 0 0 0 .211 3.374a6.71 6.71 0 0 0 4.191 4.191a6.8 6.8 0 0 0 1.46.325c.473.038.354.074-.23.069c-.318 0-.635-.01-.707-.016Zm9.248 2.837v-1.302h.483v2.606h-.483Zm-.997 0v-1.302h.515v2.606h-.515Zm-3.337.41l.008-.893l.169-.057a2.5 2.5 0 0 1 .491-.077l.317-.02v.424l-.184.02a4 4 0 0 0-.257.035l-.073.015v1.447h-.484Zm-4.093-.41v-1.302h.514v.733l.121-.028a1 1 0 0 1 .515.013a.7.7 0 0 1 .481.359c.088.16.089.168.101.847l.011.684h-.489v-.578a5 5 0 0 0-.033-.692c-.043-.155-.16-.217-.412-.217c-.318 0-.293-.059-.293.759v.721h-.516Zm-3.797.498c0-.876.013-.948.176-1.022a1.96 1.96 0 0 1 1.165-.01c.3.152.33.256.33 1.128v.71h-.448v-.607a4 4 0 0 0-.034-.703c-.043-.125-.147-.17-.388-.17c-.335 0-.318-.041-.318.772v.708h-.483Zm-3.401-.088l.008-.893l.17-.057a2.5 2.5 0 0 1 .49-.077l.318-.02v.424l-.185.02a4 4 0 0 0-.257.035l-.073.015v1.447h-.48Zm13.355-1.017a.8.8 0 0 0-.442.089c-.325.158-.449.404-.449.889c0 .563.212.871.657.963a1.5 1.5 0 0 0 .67-.052a.89.89 0 0 0 .483-.911a.93.93 0 0 0-.269-.765a.82.82 0 0 0-.65-.213m0 .403h.06c.266.025.379.195.379.572a.64.64 0 0 1-.144.481a.5.5 0 0 1-.519.038c-.13-.082-.174-.212-.174-.53c-.002-.4.112-.567.396-.561Zm-7.235 1.557a1 1 0 0 0-.148-.031a.77.77 0 0 1-.498-.38a.9.9 0 0 1-.105-.508a1.06 1.06 0 0 1 .056-.516a.78.78 0 0 1 .822-.53a2 2 0 0 1 .424.042l.168.043v.418l-.088-.022a1.7 1.7 0 0 0-.546-.048c-.245.034-.363.212-.363.547c0 .513.265.658.91.497l.087-.022v.417l-.149.038a2 2 0 0 1-.57.055m-4.201-.017a.65.65 0 0 1-.529-.403a2.5 2.5 0 0 1-.069-.828l-.013-.7h.486l.01.658c.009.635.012.658.086.741a.434.434 0 0 0 .606-.043a3 3 0 0 0 .04-.716v-.635h.476v.653c0 .749-.033.921-.206 1.093a1.12 1.12 0 0 1-.891.185Zm-3.172-.001a.8.8 0 0 1-.568-.434c-.059-.112-.069-.181-.069-.529c0-.441.035-.557.23-.754a1.17 1.17 0 0 1 1.065-.184l.169.043v.419l-.089-.023a1.7 1.7 0 0 0-.545-.047c-.244.034-.363.211-.363.546s.106.494.346.548a1.4 1.4 0 0 0 .564-.054l.09-.02l-.01.201c-.01.203-.01.203-.129.244a1.8 1.8 0 0 1-.691.044m10.735.697c0-.007.072-.185.16-.394a3 3 0 0 0 .161-.43c0-.026-.145-.423-.317-.889s-.318-.856-.318-.877s.085-.037.252-.037h.252l.203.636a5 5 0 0 0 .212.603c0-.018.094-.301.198-.628l.187-.595l.264-.009a1.4 1.4 0 0 1 .263 0c0 .02-.819 2.189-.913 2.418l-.078.193l-.261.009a1.3 1.3 0 0 1-.265 0"/></svg>

How to use the Crunchyrol icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Crunchyrol icon FAQ

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

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

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

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

Browse all Custom Brand Icons →