Mage Ai アイコン
thesvg-color:mage-ai
Mage Ai アイコン(thesvg-color:mage-ai)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 963 × 255 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 963 × 255
- タグ
- mageai
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="963" height="255" viewBox="0 0 963 255"><g fill="none"><path fill="#000" fill-rule="evenodd" d="M767.084 122.663h66.229v55.902h-19.771l-1.15-16.442c-9.89 10.688-25.538 17.922-47.78 17.922c-38.552 0-62.111-19.073-62.111-53.6s23.559-53.601 66.561-53.601c41.841 0 62.606 16.278 64.251 42.091h-27.344c-1.484-7.892-8.74-19.73-37.068-19.73c-34.934 0-39.712 19.237-39.712 31.733c0 12.661 4.945 32.39 39.712 32.39c26.027 0 36.401-11.345 37.068-19.237h-38.885zm-241.197 56.068h26.693V74.489h-36.247l-43.659 73.495l-43.659-73.495H392.77V178.73h26.854v-71.523l43.494 71.523h19.276l43.493-71.523zm77.274-22.197H665.6l11.368 22.197h29.655L652.581 74.489h-36.245L562.465 178.73h29.489zm31.3-62.15l21.254 42.256h-42.674zm244.821 22.689v-21.21h83.525V74.49h-110.38v104.57h110.38v-21.375h-83.525v-21.21h83.525v-19.402zM130.937 2.25h75.508v93.629L255.333 2.25h75.528v248.675h-77.559v-93.693l-48.907 93.665l-75.524.03l.013-93.652l-48.9 93.65H1.094zm3.155 133.805l-.014 109.666l67.161-.027l57.268-109.678v109.705h67.148V7.454h-67.168l-57.248 109.64l.001-109.64h-67.148L9.682 245.721H76.83z" clip-rule="evenodd"/><path fill="url(#SVGlvsqAcfj)" d="M201.24 7.453h-67.148L9.682 245.72H76.83l57.262-109.666V245.72h67.147V7.455z"/><path fill="url(#SVG7ZdAzdgN)" d="M258.487 7.453h67.148L201.225 245.72h-67.148z" opacity=".4"/><path fill="url(#SVGgWW6sd6A)" d="M258.507 7.453h67.148V245.72h-67.148z"/><defs><linearGradient id="SVGlvsqAcfj" x1="-6.605" x2="286.799" y1="7.453" y2="36.353" gradientUnits="userSpaceOnUse"><stop stop-color="#ffcc19"/><stop offset=".586" stop-color="#2ecdf7"/><stop offset="1" stop-color="#9e7bff"/></linearGradient><linearGradient id="SVG7ZdAzdgN" x1="124.203" x2="303.17" y1="7.453" y2="18.14" gradientUnits="userSpaceOnUse"><stop stop-color="#ffcc19"/><stop offset=".586" stop-color="#2ecdf7"/><stop offset="1" stop-color="#9e7bff"/></linearGradient><linearGradient id="SVGgWW6sd6A" x1="-6.599" x2="286.804" y1="7.453" y2="36.353" gradientUnits="userSpaceOnUse"><stop stop-color="#ffcc19"/><stop offset=".586" stop-color="#2ecdf7"/><stop offset="1" stop-color="#9e7bff"/></linearGradient></defs></g></svg>Mage Ai アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:mage-ai" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:mage-ai" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:mage-ai" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--mage-ai]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:mage-ai"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:mage-ai"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/mage-ai.svg" alt="Mage Ai アイコン" width="24" height="24">theSVG Color の関連アイコン
Mage Ai アイコン のよくある質問
Mage Ai アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Mage Ai アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:mage-ai" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mage Ai アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/mage-ai.svg" alt="Mage Ai アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。