Spicedb アイコン
devicon:spicedb
Spicedb アイコン(devicon:spicedb)は、Devicon セットの無料 SVG アイコンです（作者: konpa）。 128 × 128 のグリッドで描かれています。 Devicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#a13974" d="M108.699 66.234c-.385 7.202-2.546 14.386-6.227 20.595c-6.164 10.401-16.493 18.525-29.62 20.988c-6.553 1.177-11.32 1.027-16.673.207c-3.862-.86-6.293-3.997-3.7-7.725c3.177-4.572 7.68-7.574 12.175-10.578c13.111-8.761 27.037-16.084 41.092-23.181c1.572-.792 3.064-2.36 2.953-.306"/><path fill="#fb5b62" d="M118.026 49.426c3.302-2.611 6.492-5.967 8.75-9.561l.005-.004l.004-.003c2.486-3.958 1.074-7.532-3.481-8.616c-5.237-1.246-9.678-.744-15.038 0c-1.306.182-1.64.463-2.085.745c-.905.57-1.005 2.314.298 2.53c2.383.15 10.189-.383 12.06.448c5.335 2.367-9.262 10.252-11.18 11.778c-1.15.914-1.702.804-2.35-.635c-5.074-11.284-13.34-19.286-24.892-23.83c-7.24-2.847-14.698-3.497-22.405-2.525c-4.151.526-7.409 1.665-11.224 3.152c-1.258.49-2.923 1.326-4.08 1.99a49 49 0 0 0-7.482 5.245c-1.98 1.694-.818 4.726 1.776 4.969l47.754 4.483c2.12.198 3.166 2.675 1.834 4.334L59.656 77.982c-.969 1.206.268 3.195 1.705 2.62c10.835-4.348 21.369-9.626 31.799-14.87c8.697-4.373 17.25-10.282 24.866-16.306"/><path fill="#efa16d" fill-rule="evenodd" d="M68.417 52.337c1.7-1.82.204-4.772-2.27-4.476l-43.258 5.18c-1.308.157-2.397 1.1-2.662 2.39c-1.663 8.133-.999 16.323 2.13 24.52c1.173 3.07 1.246 3.158-1.918 3.547q-.618.078-1.24.163c-2.385.324-4.793.65-7.192-.031c-5.803-1.654 3.12-7.149 3.794-9.497c.498-1.734-1.859-2.383-3.333-1.343C7.746 76.124 3.251 80.017.463 85.163c-.597 1.191-.522 2.68-.299 3.487c1.651 5.93 14.431 4.854 18.641 4.098c5.517-.992 9.502-1.35 14.862-2.989c1.461-.446 1.488-.595 3.722-2.896c11.316-10.505 21.672-24.826 31.028-34.525z"/></svg>Spicedb アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:spicedb" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:spicedb" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:spicedb" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--spicedb]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:spicedb"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:spicedb"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/devicon/spicedb.svg" alt="Spicedb アイコン" width="24" height="24">他のアイコンセットの Spicedb アイコン
Spicedb アイコン のよくある質問
Spicedb アイコンは商用利用でも無料ですか?
はい。Devicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Spicedb アイコンを使うには?
@iconify/react をインストールして <Icon icon="devicon:spicedb" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Spicedb アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/devicon/spicedb.svg" alt="Spicedb アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。