Model Context Protocol Icon アイコン
logos:model-context-protocol-icon
Model Context Protocol Icon アイコン(logos:model-context-protocol-icon)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 285 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 285
- タグ
- modelcontext、contextprotocol、protocolicon、modelcontextprotocolicon
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="285" viewBox="0 0 256 285"><path d="M184.913 14.498c11.45 11.45 16.119 27.115 14.005 42.002c14.886-2.115 30.551 2.554 42.005 14.008l.578.578c19.332 19.331 19.332 50.674 0 70.005L140.199 242.394a3.3 3.3 0 0 0 0 4.665l20.802 20.802c3.866 3.867 3.866 10.135 0 14.002c-3.867 3.866-10.136 3.866-14.002 0l-20.8-20.803c-9.022-9.02-9.022-23.647 0-32.668L227.5 127.09c11.6-11.599 11.6-30.404-.005-42.008l-.577-.578c-11.455-11.454-29.937-11.597-41.567-.43l-.438.43l-84.59 84.59c-3.866 3.866-10.134 3.866-14 0c-3.867-3.867-3.867-10.135 0-14.001l84.589-84.59c11.6-11.6 11.6-30.404 0-42.004c-11.598-11.598-30.404-11.598-42.003 0L16.901 140.509c-3.867 3.866-10.135 3.866-14.001 0c-3.867-3.866-3.867-10.135 0-14.001L114.908 14.499c19.332-19.332 50.675-19.332 70.005 0m-28.001 28.003c3.866 3.866 3.866 10.134 0 14l-82.84 82.84c-11.6 11.599-11.6 30.404 0 42.004c11.598 11.598 30.404 11.598 42.003 0l82.84-82.84c3.866-3.866 10.134-3.866 14 0c3.867 3.866 3.867 10.135 0 14l-82.84 82.841c-19.33 19.33-50.673 19.33-70.005 0c-19.33-19.333-19.33-50.675 0-70.006l82.84-82.84c3.867-3.866 10.135-3.866 14.002 0"/></svg>Model Context Protocol Icon アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:model-context-protocol-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:model-context-protocol-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:model-context-protocol-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--model-context-protocol-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:model-context-protocol-icon"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:model-context-protocol-icon"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/model-context-protocol-icon.svg" alt="Model Context Protocol Icon アイコン" width="24" height="24">SVG Logos の関連アイコン
Model Context Protocol Icon アイコン のよくある質問
Model Context Protocol Icon アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Model Context Protocol Icon アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:model-context-protocol-icon" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Model Context Protocol Icon アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/model-context-protocol-icon.svg" alt="Model Context Protocol Icon アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。