Sqlite アイコン

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

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

thesvg-color:sqlite

Sqlite アイコン(thesvg-color:sqlite)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 512 × 228 のグリッドで描かれています。 theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: theSVG Color
作者: thesvg.org
ライセンス: MIT
サイズ: 512 × 228

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="228" viewBox="0 0 512 228"><defs><linearGradient id="SVGn792ud6l" x1="57.7%" x2="57.7%" y1="2%" y2="94.4%"><stop offset="0%" stop-color="#97d9f6"/><stop offset="92%" stop-color="#0f80cc"/><stop offset="100%" stop-color="#0f80cc"/></linearGradient></defs><path fill="#003b57" d="M194.5 112c-6.8 0-12.3 2-16.6 6.1c-4.3 4-6.4 9.3-6.4 15.8a23.3 23.3 0 0 0 6.5 17c2.2 2.4 6.6 5.6 13.2 9.7c8 5 13.4 9 16 12c2.5 3.2 3.7 6.4 3.7 9.9c0 4.5-1.5 8.2-4.6 11a18 18 0 0 1-12.4 4a20.1 20.1 0 0 1-20.3-20.8h-2.5v22.9h2.5c.8-2.2 1.8-3.3 3.2-3.3c.7 0 2.3.4 4.7 1.3c6 2.1 10.9 3.2 14.7 3.2a23 23 0 0 0 17-7a23.2 23.2 0 0 0 2.4-30.8c-3-4-9-8.6-18-14a59.5 59.5 0 0 1-15-11.3c-2.3-3-3.5-6.1-3.5-9.7c0-3.8 1.5-7 4.2-9.2c2.8-2.3 6.5-3.5 11-3.5c5.2 0 9.5 1.5 12.9 4.6c3.3 3 5.3 7.4 5.9 12.8h2.5V113h-2.3a6 6 0 0 1-.8 2c-.3.3-.7.4-1.4.4a17 17 0 0 1-4.3-1a38.6 38.6 0 0 0-12.3-2.3Zm82.4 0a44.6 44.6 0 0 0-39 22.2a43.5 43.5 0 0 0 4.5 50.2c7 8.2 15.3 13.3 25 15.3c2.1 1.1 5.3 4.1 9.4 9c4.7 5.3 8.6 9.3 11.9 11.6A35.6 35.6 0 0 0 311 227c5.3 0 10-.9 14-2.7l-.9-2.3a20.1 20.1 0 0 1-18.7-2.3c-3.6-2.5-8.3-7.1-13.8-14a47.6 47.6 0 0 0-5.4-6.1c10.6-2 19.3-7.2 26-15.4a42.8 42.8 0 0 0 10.2-28a42 42 0 0 0-13.2-31.4a44.8 44.8 0 0 0-32.4-12.9Zm51.4 0l.1 2.7c5.5 0 8.6 1.7 9.3 5c.3 1.1.4 3.3.4 6.4v59.6c0 4.5-.7 7.3-2 8.6c-1.1 1.2-3.2 2-6.2 2.3l-.1 2.6h55.1l1.4-13.5h-2.5c-.7 3.7-2.3 6.3-5 7.8a30.5 30.5 0 0 1-14 2.3h-5.2q-9 0-10.5-6.6c-.2-.9-.2-1.8-.2-2.8l.2-60.3c0-4.4.5-7.4 1.7-8.9c1.2-1.4 3.3-2.3 6.4-2.5l-.2-2.7zm-50.6 3.3a28 28 0 0 1 23 11.2a48 48 0 0 1 8.8 30.5c0 12.3-3 22.1-8.9 29.5a29 29 0 0 1-23.7 11c-9.5 0-17.2-3.8-23-11.4a47.1 47.1 0 0 1-8.9-29.6q0-18.75 9-30c5.9-7.5 13.8-11.2 23.7-11.2m126.9 12.8c-1.3 0-2.4.5-3.1 1.4c-.8 1-1 2-.8 3.4a6 6 0 0 0 2.2 3.4c1.1 1 2.4 1.4 3.7 1.4s2.3-.5 3-1.4c.7-1 1-2.1.7-3.4c-.3-1.4-1-2.5-2-3.4a5.6 5.6 0 0 0-3.7-1.4m36.4 9.2c-2.3 8.8-7.3 13.5-14.9 14.3l.1 2.5h8.9l-.2 29.8c0 5.1.2 8.5.5 10.2c1 4.2 3.6 6.3 8.1 6.3c6.6 0 13.4-4 20.6-12l-2.2-1.8c-5.2 5.2-9.7 7.8-13.7 7.8c-2.5 0-4-1.4-4.6-4.2l-.2-2.4v-33.7h13.7l-.2-4h-13.4v-12.8zm52.4 11.2c-7.6 0-13.7 3.7-18.5 11a31.3 31.3 0 0 0-4.4 24.4a21 21 0 0 0 6.7 12.2a19 19 0 0 0 12.7 4.3c4.7 0 11.4-1.2 14.1-3.7q4.2-3.6 7.8-11.7l-2-2a20.6 20.6 0 0 1-17.1 10.5c-8 0-12.8-4.3-14.6-13l-.5-3.5a46 46 0 0 0 21.4-8c4.8-3.8 9.6-7.9 8.7-12.1a9.9 9.9 0 0 0-3.9-6c-2-1.6-7.4-2.4-10.4-2.4m-83 .3l-16.3 3.8v2.9l5.7-.7c2.7 0 4.3 1.2 4.8 3.7c.2.8.3 2 .4 3.4l-.2 26.8c0 3.7-.5 5.8-1.3 6.5c-.8.6-3 1-6.6 1v2.5h25.9v-2.5c-3.7 0-6-.3-7-.9c-1-.5-1.8-1.5-2.1-3c-.2-1.2-.3-3.1-.4-5.7l.1-37.8zm78.9 5c1.6 0 3 .6 4.6 1.8a7 7 0 0 1 2.8 4c1.4 7-4.9 12-19 14.7a25 25 0 0 1 2.7-14.1c2.3-4.3 5.3-6.4 8.9-6.4"/><path fill="#0f80cc" d="M157.9 10H17C7.7 10 0 17.7 0 27v155.2c0 9.4 7.7 17.2 17.1 17.2h92.7c-1-46.2 14.7-135.7 48-189.5Z"/><path fill="url(#SVGn792ud6l)" d="M152.8 15H17c-6.5 0-12 5.4-12 12v144c30.7-11.8 76.8-22 108.7-21.5a990 990 0 0 1 39-134.5Z"/><path fill="#003b57" d="M190.7 4.9c-9.6-8.6-21.3-5.2-32.8 5a81 81 0 0 0-5.1 5c-19.7 21-38 59.7-43.7 89.2a81.5 81.5 0 0 1 5.8 17.7l.8 3.5l-.9-2.8a174 174 0 0 0-.8-2a172 172 0 0 0-6.4-12.1l-3.5 11c4.5 8.2 7.3 22.4 7.3 22.4l-1.4-4.1c-1-2.9-6-11.7-7.2-13.7c-2 7.5-2.8 12.6-2.1 13.8c1.4 2.4 2.7 6.5 4 11a258 258 0 0 1 4.6 25c-.3 8.6-.1 17.6.5 25.7a91 91 0 0 0 4.7 24.8l1.5-.8a111 111 0 0 1-3.9-37c.9-22.5 6-49.5 15.6-77.7c16-42.5 38.4-76.6 58.8-93c-18.6 17-43.8 71.4-51.4 91.6a365.7 365.7 0 0 0-18 64c6.2-19 26.4-27.2 26.4-27.2s9.8-12.2 21.4-29.6a210 210 0 0 0-22.1 6l-7.1 3s18.1-11 33.7-16C191 73.8 214.2 25.9 190.7 4.9"/></svg>

Sqlite アイコンの使い方

React

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

<Icon icon="thesvg-color:sqlite" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:sqlite" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:sqlite" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--sqlite]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:sqlite"></div>

Web コンポーネント

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

<iconify-icon icon="thesvg-color:sqlite"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/sqlite.svg" alt="Sqlite アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

theSVG Color アイコンをすべて見る →