Protondb アイコン

Q: Protondb アイコンは商用利用でも無料ですか?

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

simple-icons:protondb

Protondb アイコン(simple-icons:protondb)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Simple Icons
作者: Simple Icons Collaborators
ライセンス: CC0-1.0
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M1.744 0C.781 0 0 .781 0 1.744v20.512C0 23.219.781 24 1.744 24h20.512c.963 0 1.744-.782 1.744-1.74V1.744C24 .781 23.218 0 22.26 0zm14.729 2.205v.004c.37 0 .704.08.996.25c1.26.728 1.55 2.996.904 5.846c2.8.855 4.625 2.238 4.625 3.695s-1.813 2.836-4.6 3.691c.65 2.84.367 5.102-.894 5.83a2.03 2.03 0 0 1-1.012.25c-1.232 0-2.846-.869-4.478-2.384c-1.633 1.525-3.245 2.404-4.477 2.404c-.376 0-.712-.079-1.006-.25c-1.26-.728-1.55-2.996-.904-5.846c-2.8-.855-4.625-2.238-4.625-3.695c0-1.452 1.814-2.83 4.605-3.69c-.65-2.84-.366-5.103.895-5.831a2.03 2.03 0 0 1 1.012-.25V3.23c-.206 0-.377.035-.514.118c-.606.352-.866 1.687-.656 3.398q.081.625.236 1.299c.875-.22 1.838-.385 2.85-.492a21 21 0 0 1 1.851-2.24C9.82 3.962 8.446 3.227 7.518 3.227V2.225c1.231 0 2.846.87 4.478 2.384c1.633-1.525 3.245-2.404 4.477-2.404m-.006 1.002c-.929.003-2.3.745-3.758 2.102a22 22 0 0 1 1.867 2.244c1.007.107 1.964.273 2.844.488c.098-.455.181-.9.23-1.32c.206-1.711-.059-3.04-.67-3.393a1.04 1.04 0 0 0-.513-.117zm-4.483 2.81c-.41.43-.824.91-1.23 1.438a26 26 0 0 1 2.478 0a18 18 0 0 0-1.248-1.437zM12 8.428q-1.025 0-2.03.089a25 25 0 0 0-1.08 1.71a23 23 0 0 0-.927 1.79c.283.6.591 1.196.933 1.783q.528.904 1.084 1.705q.999.082 2.02.084q1.025 0 2.03-.088a25 25 0 0 0 1.08-1.71c.332-.592.644-1.194.927-1.79a23 23 0 0 0-.933-1.785a26 26 0 0 0-1.086-1.705A25 25 0 0 0 12 8.428m-3.334.23a23 23 0 0 0-1.848.35c.171.582.377 1.185.621 1.786a26 26 0 0 1 1.227-2.137zm6.658 0a23 23 0 0 1 1.23 2.127c.235-.597.442-1.194.608-1.77a19 19 0 0 0-1.838-.358zm2.81.62a22 22 0 0 1-.997 2.72q.624 1.409 1.008 2.73c.435-.142.854-.287 1.24-.454c1.583-.674 2.61-1.57 2.625-2.27c0-.703-1.027-1.587-2.615-2.267a14 14 0 0 0-1.26-.459zm-12.282.006c-.435.142-.856.287-1.243.453c-1.588.67-2.615 1.566-2.615 2.27s1.027 1.588 2.615 2.267c.391.167.812.318 1.252.46a22 22 0 0 1 .996-2.717a22 22 0 0 1-1.005-2.733m6.142.668A2.05 2.05 0 0 1 14.043 12a2.05 2.05 0 0 1-2.049 2.049A2.05 2.05 0 0 1 9.947 12a2.05 2.05 0 0 1 2.047-2.049zm4.56 3.252a24 24 0 0 1-.58 1.08a26 26 0 0 1-.646 1.06a20 20 0 0 0 1.848-.357a19 19 0 0 0-.621-1.783zm-9.115.024a20 20 0 0 0-.605 1.77q.882.211 1.838.35a37 37 0 0 1-.647-1.044c-.21-.357-.4-.72-.586-1.076m9.99 2.728a21 21 0 0 1-2.849.492a21 21 0 0 1-1.851 2.24c1.461 1.35 2.834 2.086 3.763 2.086c.205 0 .377-.034.514-.117c.606-.352.864-1.685.654-3.396q-.083-.623-.23-1.305zm-10.845.01c-.098.454-.182.9-.23 1.32c-.206 1.711.058 3.039.67 3.39c.131.079.304.119.51.124c.928 0 2.301-.743 3.763-2.102a21.5 21.5 0 0 1-1.867-2.244a22 22 0 0 1-2.846-.488m4.18.586c.41.528.83 1.007 1.246 1.437c.41-.43.831-.91 1.232-1.437a26 26 0 0 1-2.478 0"/></svg>

Protondb アイコンの使い方

React

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

<Icon icon="simple-icons:protondb" width="24" />

Vue

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

<template>
  <Icon icon="simple-icons:protondb" width="24" />
</template>

Svelte

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

<Icon icon="simple-icons:protondb" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--protondb]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="simple-icons:protondb"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/simple-icons/protondb.svg" alt="Protondb アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

Simple Icons をすべて見る →