Ikon Sqlite
thesvg-color:sqlite
Ikon Sqlite (thesvg-color:sqlite) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 512 × 228. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- theSVG Color
- Pembuat
- thesvg.org
- Lisensi
- MIT
- Ukuran
- 512 × 228
Kode 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>Cara memakai ikon 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 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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/sqlite.svg" alt="Ikon Sqlite" width="24" height="24">Ikon Sqlite di set ikon lain
FAQ Ikon Sqlite
Apakah ikon Sqlite gratis untuk penggunaan komersial?
Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Sqlite di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:sqlite" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Sqlite ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/sqlite.svg" alt="Ikon Sqlite">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.