Mitra アイコン
selfhst:mitra
Mitra アイコン(selfhst:mitra)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- selfh.st/icons
- 作者
- selfh.st
- ライセンス
- CC-BY-4.0
- サイズ
- 512 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><linearGradient id="SVG1J0KgbOb" x1="-97.327" x2="-97.321" y1=".718" y2="1.804" gradientTransform="translate(44655.125 -323.733)scale(456.2)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#7f50ef"/><stop offset=".205" stop-color="#71d2d7"/><stop offset=".494" stop-color="#759cd3"/><stop offset=".785" stop-color="#fce8f4"/><stop offset="1" stop-color="#7260ec"/></linearGradient><path fill="url(#SVG1J0KgbOb)" d="m256 512l-75-75H75V331L0 256l75-75V75h106l75-75l75 75h106v106l75 75l-75 75v106H331zM87.1 424.9h99l70 70l70-70h99v-99l70-70l-70-70v-99h-99l-70-70l-70 70h-99v99l-70 70l70 70zM256 467l-61.8-61.8h-87.4v-87.4L45 256l61.8-61.8v-87.4h87.4L256 45l61.8 61.8h87.4v87.4L467 256l-61.8 61.8v87.4h-87.4zm-137.1-73.9h80.3l56.8 56.8l56.8-56.8h80.3v-80.3l56.8-56.8l-56.8-56.8v-80.3h-80.3L256 62.1l-56.8 56.8h-80.3v80.3L62.1 256l56.8 56.8z"/><radialGradient id="SVGs3ozdcll" cx="-97.084" cy="1.291" r="1.122" gradientTransform="matrix(244.356 0 0 244.357 23979.15 -196.618)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fffa00"/><stop offset=".414" stop-color="#fffa00"/><stop offset="1" stop-color="#ce94c4"/></radialGradient><path fill="url(#SVGs3ozdcll)" d="M312.8 393.1L256 336.3l-56.8 56.8v-80.3h-80.3l56.8-56.8l-56.8-56.8h80.3v-80.3l56.8 56.8l56.8-56.8v80.3h80.3L336.3 256l56.8 56.8h-80.3zm-168.5-90.8h65.5v65.5l46.3-46.3l46.3 46.3v-65.5h65.5L321.5 256l46.3-46.3h-65.5v-65.5L256 190.5l-46.3-46.3v65.5h-65.5l46.3 46.3zm140.8 24L256 297.2l-29.1 29.1v-41.2h-41.2l29.1-29.1l-29.1-29.1h41.2v-41.2l29.1 29.1l29.1-29.1v41.2h41.2L297.2 256l29.1 29.1h-41.2zm-74-51.7h26.3v26.3l18.6-18.6l18.6 18.6v-26.3h26.3L282.3 256l18.6-18.6h-26.3v-26.3L256 229.7l-18.6-18.6v26.3h-26.3l18.6 18.6z"/></svg>Mitra アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:mitra" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:mitra" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:mitra" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--mitra]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:mitra"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:mitra"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/mitra.svg" alt="Mitra アイコン" width="24" height="24">selfh.st/icons の関連アイコン
Mitra アイコン のよくある質問
Mitra アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Mitra アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:mitra" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mitra アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/mitra.svg" alt="Mitra アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。