ICONYZ
日本語
theSVG の Mastra アイコン

Mastra アイコン

thesvg:mastra

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

アイコンセット
theSVG
作者
thesvg.org
ライセンス
MIT
サイズ
429 × 429
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="429" height="429" viewBox="0 0 429 429"><path fill="currentColor" d="M174.358 266.332c32.233 0 58.367 25.89 58.367 57.83c0 31.941-26.134 57.83-58.367 57.83c-32.23-.002-58.358-25.891-58.358-57.83s26.128-57.828 58.358-57.83M250.757 116c32.231 0 58.364 25.891 58.366 57.83c0 2.72-.19 5.395-.558 8.014c-2.941 20.965-7.267 44.615 4.647 62.184l13.714 20.224l3.392 4.126a1.488 1.488 0 0 0 2.363-.084l2.869-4.042l12.543-18.499c12.512-18.453 7.976-43.386 5.826-65.515a58 58 0 0 1-.27-5.6c0-31.939 26.128-57.828 58.358-57.83c32.232 0 58.367 25.89 58.367 57.83c0 3.105-.248 6.152-.724 9.124c-3.176 19.834-7.726 41.77 2.408 59.161l5.785 9.273c5.485 8.793 15.312 13.573 25.264 16.464c24.224 7.036 41.912 29.221 41.913 55.502c0 31.941-26.127 57.83-58.359 57.83s-58.358-25.89-58.358-57.83c0-3.429.301-6.788.879-10.053c3.461-19.554 8.04-41.234-1.977-58.426l-12.726-21.841l-.764-1.046a1.42 1.42 0 0 0-2.249-.058l-13.598 20.054c-12.192 17.981-7.606 42.257-4.744 63.733c.333 2.499.504 5.048.504 7.637c0 31.941-26.134 57.83-58.366 57.83c-32.232-.001-58.358-25.89-58.358-57.83c0-22.688 3.538-48.016-9.231-66.848l-1.011-1.492c-10.257-15.125-28.468-22.63-44.493-31.569c-17.769-9.911-29.771-28.776-29.771-50.423c.002-31.938 26.128-57.829 58.359-57.83"/></svg>

Mastra アイコンの使い方

React

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

<Icon icon="thesvg:mastra" width="24" />

Vue

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

<template>
  <Icon icon="thesvg:mastra" width="24" />
</template>

Svelte

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

<Icon icon="thesvg:mastra" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="thesvg:mastra"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg/mastra.svg" alt="Mastra アイコン" width="24" height="24">

theSVG の関連アイコン

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

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

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

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

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

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

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

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

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