ICONYZ
日本語
Devicon の Xamarin アイコン

Xamarin アイコン

devicon:xamarin

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

アイコンセット
Devicon
作者
konpa
ライセンス
MIT
サイズ
128 × 128
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#3498db" d="M37.8 9c-3.4 0-6.6 1.9-8.3 4.8L3.2 59.2c-1.7 3-1.7 6.6 0 9.6l26.2 45.4c1.8 2.9 4.9 4.8 8.3 4.8h52.4c3.4 0 6.6-1.9 8.3-4.8l26.2-45.4c1.7-3 1.7-6.6 0-9.6L98.5 13.8C96.8 10.9 93.6 9 90.2 9zm.5 26.6h9.3c.4 0 .8.2 1 .6l15.3 27.3c.1.1.1.3.1.4c0-.2.1-.3.1-.4l15.3-27.3c.2-.4.6-.6 1-.6h9c.7.1 1.2.7 1.1 1.4c0 .1 0 .2-.1.4L75.6 64l15 26.7c.3.6 0 1.4-.6 1.6c-.1.1-.3.1-.4.1h-9.1c-.4 0-.8-.2-1-.6L64.1 64.5c-.1-.1-.1-.3-.1-.4c0 .2-.1.3-.1.4L48.5 91.8c-.2.4-.6.6-1 .6h-9c-.7-.1-1.2-.7-1.1-1.3c0-.1.1-.3.1-.4l15-26.7l-15-26.7c-.3-.6 0-1.3.6-1.6c0-.1.1-.1.2-.1"/></svg>

Xamarin アイコンの使い方

React

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

<Icon icon="devicon:xamarin" width="24" />

Vue

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

<template>
  <Icon icon="devicon:xamarin" width="24" />
</template>

Svelte

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

<Icon icon="devicon:xamarin" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="devicon:xamarin"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/devicon/xamarin.svg" alt="Xamarin アイコン" width="24" height="24">

Devicon の関連アイコン

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

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

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

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

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

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

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

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

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