Mesos アイコン
logos:mesos
Mesos アイコン(logos:mesos)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 291 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 291
- タグ
- meso
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="291" viewBox="0 0 256 291"><path fill="#fff" d="M190.18 177.17v-63.366l-54.642 31.735z"/><path fill="#00aede" d="M186.645 107.622L131.907 75.97v63.379zm-61.852 31.725V75.968L70.016 107.62zm-3.541-69.46L66.527 38.052v63.472z"/><path fill="#fff" d="m186.645 183.26l-54.738-31.624v63.368zm-61.852 31.745v-63.371L70.016 183.26z"/><path fill="#00aede" d="m252.113 145.538l-54.818-31.73v63.36zM59.399 101.524V38.052L4.263 69.887z"/><path fill="#fff" d="m121.252 221.095l-54.725-31.72v63.451z"/><path fill="#00aede" d="M59.399 252.827v-63.45l-55.136 31.72z"/><path fill="#fff" d="m121.252 145.538l-54.725-31.73v63.36z"/><path fill="#00aede" d="M190.18 101.524V38.052l-54.642 31.835z"/><path fill="#fff" d="M131.909.319v63.357l54.738-31.72zM70.015 31.956l54.777 31.72V.32zm116.63 226.954l-54.738-31.616v63.348zm-61.852 31.734v-63.352l-54.777 31.62z"/><path fill="#00aede" d="M255.66 215.005v-63.371l-54.676 31.627zM59.399 177.17v-63.465L4.263 145.539zm-3.527 6.09L.656 151.635v63.368zm199.788-43.913V75.968l-54.676 31.652zm-3.547-69.46l-54.818-31.835v63.472zm0 151.208l-54.818-31.72v63.451z"/><path fill="#fff" d="M190.18 252.827v-63.45l-54.642 31.72z"/><path fill="#00aede" d="M55.872 107.622L.656 75.97v63.379z"/></svg>Mesos アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:mesos" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:mesos" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:mesos" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--mesos]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:mesos"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:mesos"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/mesos.svg" alt="Mesos アイコン" width="24" height="24">Mesos アイコン のよくある質問
Mesos アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Mesos アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:mesos" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mesos アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/mesos.svg" alt="Mesos アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。