ICONYZ
日本語
SVG Logos の Rxdb アイコン

Rxdb アイコン

logos:rxdb

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

アイコンセット
SVG Logos
作者
Gil Barbara
ライセンス
CC0-1.0
サイズ
256 × 187
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="187" viewBox="0 0 256 187"><path fill="#5f2688" d="M0 121.186v38.267h49.749v8.93h8.93v-8.93h8.929v17.86h8.93v-17.86h8.929v17.86h8.929v8.93h8.93v-17.86h8.929v8.93h8.929v-56.127z"/><path fill="#8d1f89" d="M0 112.256h121.184V73.987H0zm144.292-19.644q2.065 0 3.199-1.273q1.134-1.275 1.134-3.643q0-5.034-4.031-5.035h-5.29v9.951zm-14.462-18.48h16.88q5.745 0 8.667 3.672t2.923 9.892q0 3.79-1.613 6.722t-4.383 4.531q.553.533.957 1.244q.402.711.907 2.073l3.728 10.01h-9.875l-3.427-9.18q-.404-1.067-.983-1.51q-.578-.446-1.637-.446h-2.67v11.136h-9.474zm40.21 23.87L161.172 84.2h10.278l3.729 5.923l3.779-5.923h10.228L180.369 98l9.22 14.275h-10.38l-4.03-6.278l-4.031 6.278h-10.33zm36.379 5.745q2.52 0 4.082-.858q1.561-.86 2.393-3.08q.832-2.222.832-6.368q0-4.205-.756-6.545t-2.343-3.287q-1.589-.948-4.208-.948h-3.83v21.086zm-13.302-29.615h14.512q7.76 0 11.765 4.59t4.005 14.719q0 9.655-4.005 14.244t-11.765 4.59h-14.512zm49.48 30.385q1.915 0 2.821-.948q.908-.948.908-3.139q0-1.896-.933-2.813q-.93-.919-2.998-.918h-6.349v7.818zm-.403-15.163q3.476 0 3.476-3.673q0-1.895-.882-2.813t-2.846-.918h-5.896v7.404zm-15.268-15.223h17.837q4.89 0 7.482 2.725q2.596 2.725 2.596 7.818q0 2.844-.907 4.916q-.907 2.075-2.469 3.258q2.267 1.068 3.401 2.902Q256 97.587 256 100.963q0 5.39-2.82 8.351q-2.823 2.962-8.013 2.962h-18.24z"/><path fill="#e6008d" d="M17.859.001V17.86H8.93V8.931H0v56.127h121.184v-38.27H71.435V17.86h-8.929v8.928h-8.93V8.931h-8.929v17.857h-8.929V8.931h-8.929V.001z"/></svg>

Rxdb アイコンの使い方

React

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

<Icon icon="logos:rxdb" width="24" />

Vue

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

<template>
  <Icon icon="logos:rxdb" width="24" />
</template>

Svelte

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

<Icon icon="logos:rxdb" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="logos:rxdb"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/logos/rxdb.svg" alt="Rxdb アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

SVG Logos アイコン をすべて見る →