Sqlite icon
thesvg-color:sqlite
The Sqlite icon (thesvg-color:sqlite) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 512 × 228 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 512 × 228
SVG code
<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>How to use the Sqlite icon
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 component
<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 image
<img src="https://iconyz.com/api/public/svg/thesvg-color/sqlite.svg" alt="Sqlite icon" width="24" height="24">Sqlite icon in other icon sets
Sqlite icon FAQ
Is the Sqlite icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Sqlite icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:sqlite" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Sqlite icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/sqlite.svg" alt="Sqlite icon">, or paste the SVG code inline to style it with CSS.