Marvel Comics icon
thesvg-color:marvel-comics
The Marvel Comics icon (thesvg-color:marvel-comics) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 161 × 36 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 161 × 36
- Tags
- marvelcomics, comic
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="161" height="36" viewBox="0 0 161 36"><g stroke-width=".1" transform="translate(-20.758 -127.783)"><path fill="#ea2922" d="M20.758 127.783h80.263v35.808H20.758z"/><path fill="#fff" d="M25.058 132.506v26.239h4.783V146.21l2.104 12.535h2.622l2.103-12.535v12.535h9.225l.552-4.056h3.67l.606 4.056h9.064v-8.495l1.093-.14l2.288 8.635h4.67l-3.053-10.15c1.676-1.134 2.798-3.34 3.002-6.08l2.67 16.23h5.597l3.804-23.76v23.76h9.015V154h-4.292v-5.997h4.292v-4.8h-4.292v-5.925h4.292v-4.773H75.451l-2.244 16.219l-2.154-16.22h-4.86l.598 4.35s-1.87-4.35-6.478-4.35h-5.276v24.065l-3.558-24.064h-6.356l-3.63 24.064v-24.064h-6.069l-2.204 13.54l-2.116-13.54zm34.715 4.632c4.36.055 4.202 8.234 0 8.515zm-11.458 2.302l1.34 11.108H47zm41.4-6.934v26.239h8.784V154h-4.04v-21.495z"/><rect width="76.005" height="1.83" x="105.571" y="161.767" ry="0"/><rect width="76.005" height="1.83" x="105.571" y="127.901" ry="0"/><path d="M117.214 142.252v-7c0-1.87-1.202-3.258-3.642-3.258h-5.027c-1.713 0-2.91 1.398-2.91 3.258v20.786c0 2.214.991 3.572 2.91 3.572h5.027c2.57 0 3.642-1.544 3.642-3.572v-6.631l-5.072-.017v5.473a.756.756 0 0 1-1.508 0v-17.996c0-1.348 1.508-1.34 1.508 0v5.385zm50.985 0v-7c0-1.87-1.203-3.258-3.642-3.258h-5.027c-1.714 0-2.91 1.398-2.91 3.258v20.786c0 2.214.99 3.572 2.91 3.572h5.027c2.57 0 3.642-1.544 3.642-3.572v-6.631l-5.072-.017v5.473a.756.756 0 0 1-1.509 0v-17.996c0-1.348 1.509-1.34 1.509 0v5.385zm-46.259-10.258a2.97 2.97 0 0 0-2.977 2.977v21.662a2.97 2.97 0 0 0 2.977 2.977h5.457a2.97 2.97 0 0 0 2.976-2.977v-21.662a2.97 2.97 0 0 0-2.976-2.977zm2.752 3.854c.404 0 .73.325.73.73v18.402c0 .405-.326.73-.73.73a.73.73 0 0 1-.73-.73v-18.402c0-.405.325-.73.73-.73m25.087-3.84h5.027v27.602h-5.027zm-17.573 27.602v-27.616h6.704c.813 5.67.912 11.425.99 17.182h.381c.161-5.789.227-11.605 1.109-17.182h6.714v27.616h-4.607c-.109-6.33.146-12.662.38-18.992h-.55c-.121 6.449-.668 12.792-1.787 18.992h-2.857c-.927-6.3-1.81-12.605-1.7-18.992h-.603c.27 6.338.539 12.675.443 18.992zm37.723-10.223h5.092v5.616c0 .981 1.41.858 1.41 0v-3.713c0-2.91-.446-3.66-2.93-4.71c-2.402-1.017-3.573-3.274-3.573-5.722v-4.763c0-3.449 1.478-4.101 3.688-4.101h4.15c1.745 0 3.78.27 3.78 4.101v4.213h-5.116v-3.584c0-1.195-1.409-1.18-1.409 0v2.778c0 2.414 2.88 2.188 4.693 4.21c1.62 1.805 1.831 4.205 1.831 6.571v5.634c.023 1.972-.773 3.693-3.778 3.693h-4.15c-1.753 0-3.689-.657-3.689-3.693z"/></g></svg>How to use the Marvel Comics icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:marvel-comics" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:marvel-comics" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:marvel-comics" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--marvel-comics]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:marvel-comics"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:marvel-comics"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/marvel-comics.svg" alt="Marvel Comics icon" width="24" height="24">Related icons in theSVG Color
Marvel Comics icon FAQ
Is the Marvel Comics icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Marvel Comics icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:marvel-comics" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Marvel Comics icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/marvel-comics.svg" alt="Marvel Comics icon">, or paste the SVG code inline to style it with CSS.