Mbin アイコン
selfhst:mbin
Mbin アイコン(selfhst:mbin)は、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 xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><linearGradient id="SVGKNqwperX" x1="-11.685" x2="70.392" y1="468.541" y2="610.702" gradientTransform="matrix(4 0 0 4 153.638 -1669.933)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2de2e6"/><stop offset="1" stop-color="#39f"/></linearGradient><path fill="url(#SVGKNqwperX)" d="M241.1 40.5L2.3 454.1c-3 5.4-3 12 0 17.2s8.8 8.6 15 8.6h477.6c6.2 0 11.8-3.2 15-8.6c3-5.4 3-12 0-17.2l-239-413.6c-3-5.4-8.8-8.6-15-8.6s-11.8 3.4-14.8 8.6"/><path fill="#241734" d="M256 152.5L106.8 411.1h59.6l44.8-77.6l44.8 77.6l44.8-77.6l44.8 77.6h59.6zm0 51.8l37.4 64.6c4.6 8 4.6 17.8 0 25.8L256 359.3l-37.2-64.6c-4.6-8-4.6-17.8 0-25.8z"/><linearGradient id="SVGIvNr4cxI" x1="25.602" x2="25.602" y1="520.254" y2="563.333" gradientTransform="matrix(4 0 0 4 153.638 -1669.933)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f623ac"/><stop offset="1" stop-color="#f706cf"/></linearGradient><path fill="url(#SVGIvNr4cxI)" d="M17.1 479.9h477.6c6.2 0 11.8-3.2 15-8.6c3-5.4 3-12 0-17.2l-24.8-43H345.5l-44.8-77.6l-44.8 77.6l-44.8-77.6l-44.8 77.6H27.1l-24.8 43c-3 5.4-3 12 0 17.2s8.8 8.6 14.8 8.6"/></svg>Mbin アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:mbin" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:mbin" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:mbin" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--mbin]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:mbin"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:mbin"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/mbin.svg" alt="Mbin アイコン" width="24" height="24">selfh.st/icons の関連アイコン
他のアイコンセットの Mbin アイコン
Mbin アイコン のよくある質問
Mbin アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Mbin アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:mbin" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mbin アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/mbin.svg" alt="Mbin アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。