ICONYZ
日本語
Devicon の Positron アイコン

Positron アイコン

devicon:positron

Positron アイコン(devicon:positron)は、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"><rect width="128" height="128" fill="#3a78b1" rx="31.692" ry="31.692"/><path fill="#fff" d="M74.123 90.646a14.77 14.77 0 0 1-14.77 14.77a14.77 14.77 0 0 1-14.768-14.77a14.77 14.77 0 0 1 14.769-14.77a14.77 14.77 0 0 1 14.77 14.77Zm-52.092 20.616V56.308c0-19.385 16.123-44.216 43.907-44.216c27.785 0 44.339 21.446 44.339 43.416c0 37.723-35.877 44.03-35.877 44.03s2.215-3.538 2.215-9.076s-2.461-8.616-2.461-8.616s18.461-4.923 18.461-26.77c0-21.845-16.307-25.538-26.461-25.538c-17.539 0-27.17 14.924-27.17 25.939v55.97c0 7.968-5.384 7.353-5.384 7.353h-5.908s-5.661 0-5.661-7.508z"/></svg>

Positron アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

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