Marvel Comics アイコン

Q: Marvel Comics アイコンは商用利用でも無料ですか?

はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

thesvg-color:marvel-comics

Marvel Comics アイコン(thesvg-color:marvel-comics)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 161 × 36 のグリッドで描かれています。 theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: theSVG Color
作者: thesvg.org
ライセンス: MIT
サイズ: 161 × 36
タグ: marvelcomics、comic

SVG をダウンロード

SVG コード

<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>

Marvel Comics アイコンの使い方

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 コンポーネント

<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 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/marvel-comics.svg" alt="Marvel Comics アイコン" width="24" height="24">

theSVG Color の関連アイコン

Marvel Comics アイコンのよくある質問

Marvel Comics アイコンは商用利用でも無料ですか?

はい。theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Marvel Comics アイコンを使うには?

@iconify/react をインストールして <Icon icon="thesvg-color:marvel-comics" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Marvel Comics アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/marvel-comics.svg" alt="Marvel Comics アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

theSVG Color アイコンをすべて見る →