Ícone Marvel Studios
thesvg-color:marvel-studios
O ícone Marvel Studios (thesvg-color:marvel-studios) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 300 × 67. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- theSVG Color
- Autor
- thesvg.org
- Licença
- MIT
- Tamanho
- 300 × 67
- Tags
- marvelstudios, studio
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="300" height="67" viewBox="0 0 300 67"><path d="M157.641 2.51H300V.01H157.64zm0 64.68H300v-2.499H157.64zm19.769-24.854v7.156c0 6.103-3.017 9.12-9.12 9.12h-1.544c-6.034 0-8.981-3.017-8.981-8.98v-6.84h5.472v7.051c0 2.525 1.194 3.717 3.72 3.717h1.12c2.528 0 3.72-1.192 3.72-3.717v-7.368c0-2.454-.841-3.507-2.457-4.7l-6.874-4.981c-3.648-2.596-4.701-5.121-4.701-9.12v-5.892c0-6.104 3.017-9.121 9.12-9.121h1.404c6.033 0 8.98 3.017 8.98 8.98v4.209h-5.472v-4.42c0-2.527-1.192-3.719-3.72-3.719h-.982c-2.525 0-3.717 1.192-3.717 3.72v6.174c0 2.454.912 3.507 2.525 4.699l6.808 4.911c3.575 2.596 4.699 4.912 4.699 9.121m8.626 15.88v-43.92h-7.366v-5.19h20.345v5.19h-7.366v43.92zm35.172-8.714c0 6.103-3.017 9.12-9.12 9.12h-1.755c-6.104 0-9.121-3.017-9.121-9.12V9.09h5.613v40.692c0 2.528 1.192 3.72 3.72 3.72h1.333c2.525 0 3.717-1.192 3.717-3.72V9.09h5.613zm9.206 3.583h3.368c3.788 0 5.543-1.894 5.543-5.682V19.9c0-3.788-1.755-5.682-5.543-5.682h-3.368zm-5.613-43.988h9.262c7.366 0 10.873 3.508 10.873 10.874v27.362c0 7.366-3.507 10.873-10.873 10.873H224.8zm29.164 49.119h-5.623V9.028h5.623zm14.415-44.481h-1.684c-2.525 0-3.717 1.194-3.717 3.72v32.27c0 2.528 1.192 3.72 3.717 3.72h1.684c2.525 0 3.717-1.192 3.717-3.72v-32.27c0-2.526-1.192-3.72-3.717-3.72m.21 44.83h-2.104c-6.103 0-9.12-3.014-9.12-9.12v-31.71c0-6.104 3.017-9.121 9.12-9.121h2.104c6.105 0 9.12 3.017 9.12 9.12v31.711c0 6.106-3.015 9.12-9.12 9.12m31.288-16.229v7.156c0 6.103-3.017 9.12-9.12 9.12h-1.544c-6.034 0-8.981-3.017-8.981-8.98v-6.84h5.472v7.051c0 2.525 1.194 3.717 3.72 3.717h1.12c2.528 0 3.72-1.192 3.72-3.717v-7.368c0-2.454-.841-3.507-2.457-4.7l-6.874-4.981c-3.648-2.596-4.701-5.121-4.701-9.12v-5.892c0-6.104 3.017-9.121 9.12-9.121h1.404c6.033 0 8.982 3.017 8.982 8.98v4.209h-5.474v-4.42c0-2.527-1.192-3.719-3.72-3.719h-.982c-2.525 0-3.717 1.192-3.717 3.72v6.174c0 2.454.912 3.507 2.525 4.699l6.808 4.911c3.576 2.596 4.699 4.912 4.699 9.121"/><path fill="#e50b14" d="M0 67.216h149.226V0H0z"/><path fill="#fff" d="M126.467 17.984h-7.952v11.094h7.952v8.966h-7.952v11.261h7.952v8.834h-16.745V13.627l-7.06 44.512l-10.33.028s-5.269-31.522-5.277-31.589v.002c.851 5.094-2.35 10.414-5.181 12.513l5.59 19.046h-.024l.004.01H78.76l-4.263-16.253l-2.054.302V58.14h-.026v.01h-.009l-16.792-.01l-1.032-7.554h-6.886l-1.036 7.554h-17.1V34.47l-3.979 23.67H20.87l-4.036-23.67v23.67H7.96V9.03h11.265l3.955 25.372L27.24 9.03h11.258v45.163l6.773-45.17l11.766.007l6.55 43.596l.035-43.596s8.938-.004 8.992 0c8.096 0 11.772 5.939 12.81 7.985L84.418 9.03H93.4l4.053 29.909l4.1-29.909h24.914z"/><path fill="#e50b14" d="M72.4 17.768h-.043v15.793a4.8 4.8 0 0 0 2.085-.492c2.069-1.008 3.83-3.516 3.83-7.49c0-7.606-5.179-7.817-5.872-7.811M48.62 42.802h4.963l-2.528-20.998z"/><path fill="#fff" d="M144.365 58.19h-16.337V9.083h8.798v40.275h7.539z"/></svg>Como usar o ícone Marvel Studios
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:marvel-studios" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:marvel-studios" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:marvel-studios" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--marvel-studios]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:marvel-studios"></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-studios"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/marvel-studios.svg" alt="Ícone Marvel Studios" width="24" height="24">Ícones relacionados em theSVG Color
Perguntas frequentes sobre Ícone Marvel Studios
O ícone Marvel Studios é grátis para uso comercial?
Sim. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Marvel Studios no React?
Instale @iconify/react e renderize <Icon icon="thesvg-color:marvel-studios" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Marvel Studios a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg-color/marvel-studios.svg" alt="Ícone Marvel Studios">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.