ICONYZ
日本語
theSVG Color の Mongo Express アイコン

Mongo Express アイコン

thesvg-color:mongo-express

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

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

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="1000" viewBox="0 0 1000 1000"><circle cx="500" cy="500" r="500" fill="#41a948"/><path fill="#fff" d="M379.1 512.67V473.8c1.45-.33.88-1.57.9-2.36a206 206 0 0 1 2.12-21.19q2.07-15.25 5.51-30.25a320 320 0 0 1 14.56-47.08a297 297 0 0 1 23.86-47.48c4.55-7.3 9.26-14.49 14.48-21.33a288 288 0 0 1 18.92-22.64a279 279 0 0 1 25.35-23.77a34.8 34.8 0 0 0 10-13.15c1.77-4.15 2.16-8.52 2.58-13.41a65 65 0 0 1 2.85 6.12a182.4 182.4 0 0 0 14.9 27.61c3.81 5.68 8.94 10.16 13.59 15.05c8.43 8.88 16.82 17.8 24.41 27.4a305.5 305.5 0 0 1 34.39 54.29A369 369 0 0 1 607 409.77c7.36 22.38 12.28 45.22 13.48 68.8a287 287 0 0 1-.34 37.11c-.68 8.67-1.61 17.31-3.11 25.86a251.9 251.9 0 0 1-32.71 87.18a248.6 248.6 0 0 1-25.57 34.94c-10.17 11.58-20.88 22.61-33.33 31.73c-5.87 4.3-9.85 9.61-11.71 16.52a83.5 83.5 0 0 0-2.34 18.94c-.24 7.19-.2 14.39-.17 21.59c0 4.93.26 9.85.4 14.78c0 1.2.27 2.08-1.76 1.45c-3.47-1.07-7-2-10.41-3.18a1.71 1.71 0 0 1-1.39-2c.11-5.12-.12-10.23-.44-15.33c-.93-14.69-2.58-29.26-7.72-43.2a5.34 5.34 0 0 0-1.81-2.74a203.6 203.6 0 0 1-23.28-19.73a304 304 0 0 1-34-38.54a287 287 0 0 1-28-46.3a246.2 246.2 0 0 1-17.41-49.07A202.4 202.4 0 0 1 380 514c0-.62.1-1.37-.9-1.33"/></svg>

Mongo Express アイコンの使い方

React

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

<Icon icon="thesvg-color:mongo-express" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:mongo-express" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:mongo-express" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="thesvg-color:mongo-express"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/mongo-express.svg" alt="Mongo Express アイコン" width="24" height="24">

theSVG Color の関連アイコン

Mongo Express アイコン のよくある質問

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

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

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

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

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

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

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