Meshcore アイコン

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

はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

selfhst:meshcore

Meshcore アイコン(selfhst:meshcore)は、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 コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#13192a" d="M477.7 512H34.3C15.4 512 0 496.6 0 477.7V34.3C0 15.4 15.4 0 34.3 0h443.4c19 0 34.3 15.4 34.3 34.3v443.4c0 18.9-15.4 34.3-34.3 34.3"/><path fill="#fff" d="M55.6 155.8c-2.9 0-5.7 2.3-6.2 5.1l-14.9 81.9c-.5 2.8 1.4 5.1 4.3 5.1h15.8c2.9 0 5.7-2.3 6.2-5.1l5.9-32.6L77.5 245c.5 1.8 2.2 3 4.2 3h20.9c2 0 4.1-1.2 5.3-3l23.5-34.9l-6 32.8c-.5 2.8 1.4 5.1 4.3 5.1h15.8c2.9 0 5.7-2.3 6.2-5.1l14.9-81.9c.5-2.8-1.4-5.1-4.3-5.1H142c-2 0-4.1 1.2-5.3 3l-38.5 57.5c-.6.9-2.1.7-2.4-.4L80 158.9c-.5-1.8-2.2-3-4.2-3H55.6zM170.8 248H249c1.7 0 3.4-1.4 3.7-3.1l3.3-18.1c.3-1.7-.8-3.1-2.6-3.1h-54.3c-.6 0-1-.5-.9-1l1.6-8.9c.1-.6.7-1 1.2-1h43.7c1.7 0 3.4-1.4 3.7-3.1l2.9-16c.3-1.7-.8-3.1-2.6-3.1H205c-.6 0-1-.5-.9-1l1.7-9.5c.1-.6.7-1 1.2-1h54.3c1.7 0 3.4-1.4 3.7-3.1l3.2-17.4c.3-1.7-.9-3.1-2.6-3.1h-78.1c-2.9 0-5.7 2.3-6.2 5.1l-14.9 82.1c-.4 3 1.5 5.3 4.4 5.3m159.9 0h2.7c13.6 0 26.6-10.8 29-24.1l1.6-8.6c2.4-13.3-6.7-24.1-20.2-24.1h-41.9c-1.7 0-2.9-1.4-2.6-3.1l1.1-5.8c.3-1.7 2-3.1 3.7-3.1h56.6c2.9 0 5.7-2.3 6.2-5.1l2.4-13.2c.5-2.8-1.4-5.1-4.3-5.1h-61.9c-13.6 0-26.6 10.8-29 24.1l-1.7 9.4c-2.4 13.3 6.6 24.1 20.2 24.1h41.9c1.7 0 2.9 1.4 2.6 3.1l-.8 4.4c-.3 1.7-2 3.1-3.7 3.1h-58.2c-2.9 0-5.7 2.3-6.2 5.1l-2.5 13.9c-.5 2.8 1.4 5.1 4.3 5.1h60.7zm142.5-92.2h-17.5c-2.9 0-5.7 2.3-6.2 5.1l-5.2 28.7c-.1.6-.7 1-1.2 1h-33.9c-.6 0-1-.5-.9-1l5.2-28.7c.5-2.8-1.4-5.1-4.3-5.1h-17.5c-2.9 0-5.7 2.3-6.2 5.1l-14.9 82c-.5 2.8 1.4 5.1 4.3 5.1h17.5c2.9 0 5.7-2.3 6.2-5.1l5.3-29.2c.1-.6.7-1 1.2-1H439c.6 0 1 .5.9 1l-5.3 29.2c-.5 2.8 1.4 5.1 4.3 5.1h17.5c2.9 0 5.7-2.3 6.2-5.1l14.9-82c.5-2.8-1.4-5.1-4.3-5.1M66.8 356.4h50.5c2.8 0 5.6-2.3 6.1-5.1l2.5-13.8c.5-2.8-1.4-5.1-4.2-5.1H77.8c-1.7 0-2.8-1.4-2.5-3l6.9-37.8c.3-1.7 1.9-3 3.6-3h43.9c2.8 0 5.6-2.3 6.1-5.1l2.4-13.5c.5-2.8-1.4-5.1-4.2-5.1H83.4c-13.3 0-26.1 10.6-28.5 23.7l-8.1 43.8c-2.3 13.3 6.6 24 20 24m159.1-91.5h-52.6c-13.4 0-26.1 10.7-28.5 23.8l-7.9 43.9c-2.4 13.1 6.5 23.8 19.9 23.8h52.6c13.4 0 26.1-10.7 28.5-23.8l7.9-43.9c2.3-13.1-6.6-23.8-19.9-23.8m-15.1 64.6c-.3 1.7-1.9 3-3.6 3h-39.6c-1.7 0-2.8-1.4-2.5-3l6.9-38c.3-1.7 1.9-3 3.6-3h39.6c1.7 0 2.8 1.4 2.5 3zm41.1 26.9h17.2c2.8 0 5.6-2.3 6.1-5.1l3-16.8c.1-.6.6-1 1.2-1h20.8c1 0 1.9.5 2.3 1.3l9.8 19.1c1.1 2.3 3.2 2.5 9.5 2.4c3.7 0 9.2-.2 18.2-.2c2.9 0 4.6-3 3.2-5.5L332.5 332c-.3-.5 0-1.2.6-1.5c8.3-4 14.8-11.8 16.5-20.8l3.7-20.7c2.4-13.1-6.5-23.8-19.9-23.8h-65c-2.8 0-5.6 2.3-6.1 5.1l-14.7 81.1c-.4 2.7 1.5 5 4.3 5m34.6-67.4c.1-.6.6-1 1.2-1h33.6c2.5 0 4.2 2 3.8 4.5l-2.5 13.6c-.5 2.5-2.9 4.5-5.4 4.5h-33.6c-.6 0-.9-.5-.8-1zm73.2 67.4h76.8c1.7 0 3.3-1.4 3.6-3l3.2-17.8c.3-1.7-.8-3-2.5-3h-53.4c-.6 0-.9-.5-.8-1l1.6-8.8c.1-.6.6-1 1.2-1h42.9c1.7 0 3.3-1.4 3.6-3l2.9-15.8c.3-1.7-.8-3-2.5-3h-42.9c-.6 0-.9-.5-.8-1l1.7-9.4c.1-.6.6-1 1.2-1h53.4c1.7 0 3.3-1.4 3.6-3.1l3.1-17.2c.3-1.7-.8-3-2.5-3h-76.8c-2.8 0-5.6 2.3-6.1 5.1l-14.7 81.2c-.6 2.5 1.3 4.8 4.2 4.8"/></svg>

Meshcore アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="selfhst:meshcore" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="selfhst:meshcore" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="selfhst:meshcore" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--meshcore]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:meshcore"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="selfhst:meshcore"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/selfhst/meshcore.svg" alt="Meshcore アイコン" width="24" height="24">

selfh.st/icons の関連アイコン

他のアイコンセットの Meshcore アイコン

Meshcore アイコンのよくある質問

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

はい。selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

selfh.st/icons をすべて見る →