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 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 コードをページに直接貼り付けます。