Marvel icon
cbi:marvel
The Marvel icon (cbi:marvel) 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
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.5 9.826h-.01V12a.65.65 0 0 0 .287-.069a1.08 1.08 0 0 0 .528-1.03c0-1.047-.713-1.076-.805-1.075M2 7.975v8.05h20v-8.05Zm16.925 4.637h-1.094v1.55h1.094v1.215h-2.3V9.251l-.971 6.126h-1.421l-.726-4.347a1.96 1.96 0 0 1-.713 1.722l.769 2.621h-1.2l-.586-2.237l-.284.041v2.194H9.182l-.142-1.04h-.955l-.142 1.04H5.589V12.12l-.547 3.257h-.649l-.556-3.257v3.257h-1.22V8.619h1.55l.544 3.492l.559-3.492h1.549v6.215l.932-6.216H9.37l.9 6v-6h1.238a1.96 1.96 0 0 1 1.763 1.1l-.138-1.1h1.236l.558 4.116l.573-4.115h3.428v1.232h-1.097v1.527h1.094Zm2.46 2.764h-2.249V8.618h1.211v5.543h1.038Zm-13.156-2.11h.683l-.348-2.89Z"/></svg>How to use the Marvel icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:marvel" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:marvel" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:marvel" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--marvel]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:marvel"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:marvel"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cbi/marvel.svg" alt="Marvel icon" width="24" height="24">Marvel icon in other icon sets
Marvel icon FAQ
Is the Marvel 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 Marvel icon in React?
Install @iconify/react and render <Icon icon="cbi:marvel" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Marvel icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/marvel.svg" alt="Marvel icon">, or paste the SVG code inline to style it with CSS.