Mida Icon アイコン
logos:mida-icon
Mida Icon アイコン(logos:mida-icon)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 256 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 256
- タグ
- midaicon
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="#e7d218" d="M128.316 64.965c61.074 0 111.098 46.478 111.098 103.913c0 16.71-14.21 29.768-32.117 29.768s-32.117-13.575-32.117-29.768c0-25.065-21.054-44.91-47.386-44.91c-26.331 0-47.385 20.363-47.385 44.91c0 29.754 11.585 57.954 33.175 79.367a145 145 0 0 0 8.553 7.62a127.4 127.4 0 0 1-35.913-6.837c-5.174-6.211-9.736-12.974-15.539-23.253c-9.452-16.128-14.185-36.41-14.185-58.254c0-36.926 32.06-66.575 71.473-66.575s71.473 29.635 70.951 66.045c0 4.684 3.691 7.807 7.889 7.807c4.733 0 7.888-3.653 7.888-7.807c0-44.732-38.892-81.658-86.714-81.658s-86.714 36.926-87.235 82.188c0 24.436 5.79 47.325 16.298 66.046q.468.81.928 1.597a128.7 128.7 0 0 1-37.64-37.905c-2.218-11.42-2.583-20.811-2.583-27.863c0-16.178 3.16-30.285 8.946-42.81C44.608 88.98 84.614 64.964 128.316 64.964m.522 75.196c17.907 0 32.118 13.575 32.118 29.767c0 24.548 21.053 44.91 47.385 44.91c5.657 0 11.07-.94 16.083-2.658a128.6 128.6 0 0 1-24.763 21.895c-12.756-.776-23.584-4.402-33.213-10.861c-18.73-12.577-29.665-33.024-29.665-54.524c0-4.722-3.124-7.87-7.81-7.87s-7.81 3.682-7.81 7.87c0 26.742 13.528 51.91 35.899 67.115c6.383 4.37 13.39 7.733 21.022 10.025a127 127 0 0 1-32.197 8.93c-7.075-4.322-13.534-9.526-20.21-15.906c-18.95-18.278-28.956-42.811-28.956-68.926c0-16.71 14.21-29.767 32.117-29.767M56.526 44.869c43.405-22.503 99.353-22.503 143.276 0c19.684 9.859 36.118 23.877 49.314 41.621C253.58 99.506 256 113.47 256 128c0 7.659-.673 15.16-1.962 22.448c-9.916-56.513-62.241-99.576-125.2-99.576c-49.488 0-94.77 27.682-115.302 69.975c-5.329 10.972-8.741 23.53-9.991 37.179A128 128 0 0 1 0 128c0-14.186 2.308-27.833 6.568-40.585c13.316-17.748 29.965-32.539 49.958-42.546M128 0c36.16 0 68.816 14.994 92.094 39.103a149 149 0 0 0-12.976-7.323c-48.1-25.128-109.275-24.609-157.39 0a156 156 0 0 0-15.49 9.088C57.608 15.727 90.967 0 128 0"/></svg>Mida Icon アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:mida-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:mida-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:mida-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--mida-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:mida-icon"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:mida-icon"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/mida-icon.svg" alt="Mida Icon アイコン" width="24" height="24">SVG Logos の関連アイコン
Mida Icon アイコン のよくある質問
Mida Icon アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Mida Icon アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:mida-icon" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mida Icon アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/mida-icon.svg" alt="Mida Icon アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。