Batman icon

cbi:batman

The Batman icon (cbi:batman) 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="M11.86 6.573q-.234.001-.462.008c-1.664.044-3.51.377-4.904.883c-.79.287-1.441.597-2.064.984a6.5 6.5 0 0 0-1.266.994a4.5 4.5 0 0 0-.574.698a4 4 0 0 1-.111.158a7 7 0 0 0-.272.566c-.072.18-.126.371-.156.533a3.7 3.7 0 0 0-.02 1.084c.043.31.146.616.323.97c.162.323.3.526.613.902c.133.16.344.386.36.386c.002 0 .1.08.216.176a6 6 0 0 0 .65.492c.603.402 1.382.793 2.16 1.084c1.3.488 3.043.837 4.56.914c.501.026 1.317.03 1.862.008c2.51-.098 4.928-.74 6.638-1.764c.218-.13.554-.35.742-.486a.1.1 0 0 1 .043-.023c.005 0 .02-.014.035-.03s.03-.029.036-.029a.1.1 0 0 0 .04-.031c.018-.02.131-.126.255-.24a6.6 6.6 0 0 0 .837-.922a.1.1 0 0 1 .032-.035a.14.14 0 0 0 .039-.061a.3.3 0 0 1 .023-.053c.015-.017.198-.391.25-.515c.053-.122.125-.334.156-.463c.06-.237.08-.39.094-.649c.02-.408-.015-.638-.166-1.101a3.5 3.5 0 0 0-.5-.977a8 8 0 0 0-.424-.523a13 13 0 0 0-.515-.467a7.6 7.6 0 0 0-.903-.64a10 10 0 0 0-1.746-.844a15.6 15.6 0 0 0-4.436-.938a21 21 0 0 0-1.446-.049m-.069.393c.03-.001.232.002.45.006c1.144.024 1.98.102 2.939.279a14 14 0 0 1 1.926.49c.538.18.949.348 1.41.572a7.5 7.5 0 0 1 1.686 1.092c.127.11.526.498.531.516c.001.007.062.09.135.187c.21.281.323.463.426.688c.141.308.211.554.242.83c.015.135.015.62 0 .742a2.7 2.7 0 0 1-.248.863a1.4 1.4 0 0 0-.068.157c0 .015-.119.2-.19.3c-.255.354-.46.586-.773.874a3 3 0 0 0-.172.162a3 3 0 0 0-.184.132a9 9 0 0 1-.837.543q-1.762 1.004-4.151 1.403c-.992.166-1.863.232-3.03.232c-.617 0-.909-.01-1.442-.056c-1.895-.165-3.673-.633-5.05-1.327a8 8 0 0 1-1.383-.865a14 14 0 0 1-.494-.408l-.098-.115a7 7 0 0 1-.465-.604a3 3 0 0 1-.51-1.303a4.4 4.4 0 0 1-.003-.7c.04-.297.093-.472.253-.858c.075-.18.084-.194.196-.363c.292-.435.51-.688.886-1.022c.691-.614 1.775-1.21 2.934-1.613c1.41-.492 3.135-.792 4.76-.828Zm-.795.373q-.01.002-.023.014c-.033.038-.057.231-.104.898c-.044.627-.084.928-.154 1.129a2.7 2.7 0 0 1-.293.555a1.1 1.1 0 0 1-.4.37c-.14.08-.233.1-.502.106a1.95 1.95 0 0 1-.86-.14c-.226-.09-.483-.255-.6-.385a1.2 1.2 0 0 1-.27-.578a1.4 1.4 0 0 1 .013-.354a2.15 2.15 0 0 1 .386-.781c.093-.12.302-.37.342-.41l.065-.067l.023-.025l-.058.004a15 15 0 0 0-2.155.67q-1.661.666-2.635 1.638c-.447.446-.754.94-.885 1.422a2.2 2.2 0 0 0-.028.897c.11.61.421 1.183.975 1.787q.542.59 1.479 1.101a11 11 0 0 0 1.962.803c.08.026.086.027.082-.002q0-.023-.02-.025c-.02-.003-.127-.11-.286-.29a4 4 0 0 1-.635-.948a2.1 2.1 0 0 1-.187-.8a.9.9 0 0 1 .037-.35a1.1 1.1 0 0 1 .226-.395c0-.02.165-.11.258-.143q.556-.192 1.295.184c.251.128.565.332.785.513c.123.101.284.238.317.27a.13.13 0 0 0 .068.037l.031.004l.082-.131c.15-.236.215-.313.344-.41a1 1 0 0 1 .133-.084c.046-.022.06-.026.142-.026c.198 0 .348.074.551.27c.154.15.261.28.418.516c.22.328.446.726.834 1.468c.085.16.161.3.168.309a.3.3 0 0 1 .035.059l.022.04l.027-.052a79 79 0 0 1 .732-1.338c.346-.601.636-.983.854-1.129a.76.76 0 0 1 .387-.143c.173 0 .356.117.521.33a3 3 0 0 1 .205.311q-.002.014.031.006c.023-.004.074-.043.221-.166a5 5 0 0 1 .524-.4c.514-.343.988-.512 1.389-.495a.9.9 0 0 1 .51.159c.177.12.291.323.332.586a1 1 0 0 1 .01.228a2 2 0 0 1-.215.822c-.141.297-.282.507-.57.85c-.185.219-.276.317-.31.332q-.03.014-.028.033c0 .011.005.022.01.022a1 1 0 0 0 .097-.03l.164-.05c.082-.024.681-.247.883-.327a7.6 7.6 0 0 0 1.926-1.115c.34-.273.658-.62.908-.996c.283-.422.474-.902.531-1.342c.013-.1.012-.38-.002-.474c-.072-.516-.302-.98-.746-1.496c-.52-.61-1.454-1.249-2.474-1.694a13 13 0 0 0-1.786-.627c-.626-.175-.692-.191-.737-.191h-.045l.086.088c.161.164.288.32.414.511c.223.336.314.575.326.858a1 1 0 0 1-.037.34c-.103.36-.428.66-.904.83c-.237.086-.39.11-.7.11c-.365 0-.47-.025-.665-.153c-.167-.111-.366-.363-.504-.635c-.152-.304-.2-.494-.23-.955a20 20 0 0 0-.096-1.03c-.037-.237-.075-.322-.125-.275c-.031.03-.103.166-.18.344c-.089.208-.092.217-.135.264c-.052.057-.072.062-.17.047a3.5 3.5 0 0 0-.847-.004c-.153.02-.183.004-.239-.133a4 4 0 0 0-.226-.451c-.033-.05-.076-.09-.094-.09"/></svg>

How to use the Batman icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Batman icon in other icon sets

Batman icon FAQ

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

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

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

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

Browse all Custom Brand Icons →