File Sql Bold icon
ph:file-sql-bold
The File Sql Bold icon (ph:file-sql-bold) is a free SVG icon from the Phosphor set by Phosphor Icons. It is drawn on a 256 × 256 grid. Phosphor 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
- Phosphor
- Author
- Phosphor Icons
- License
- MIT
- Size
- 256 × 256
- Tags
- documents, database, filesql, sqlbold, filesqlbold
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M48 120a12 12 0 0 0 12-12V44h76v48a12 12 0 0 0 12 12h48v4a12 12 0 1 0 24 0V88a12 12 0 0 0-3.51-8.48l-56-56A12 12 0 0 0 152 20H56a20 20 0 0 0-20 20v68a12 12 0 0 0 12 12m135-40h-23V57Zm53 128a12 12 0 0 1-12 12h-28a12 12 0 0 1-12-12v-56a12 12 0 0 1 24 0v44h16a12 12 0 0 1 12 12M91.78 196.8a24.7 24.7 0 0 1-11 18c-6 4-13.26 5.15-19.73 5.15a63.8 63.8 0 0 1-16.23-2.21a12 12 0 1 1 6.46-23.11c6.81 1.85 15 1.61 16.39.06a2.5 2.5 0 0 0 .21-.71c-1.94-1.23-6.82-2.64-9.88-3.53c-5.39-1.56-11-3.17-15.75-6.26c-7.62-4.92-11.21-12.45-10.1-21.19a24.44 24.44 0 0 1 10.68-17.76c6.07-4.09 14.17-5.83 24.1-5.17A69 69 0 0 1 79 142a12 12 0 0 1-6.1 23.21c-6.35-1.63-13.61-1.5-16.07-.33a80 80 0 0 0 7.92 2.59c5.47 1.58 11.67 3.37 16.8 6.82c7.78 5.24 11.45 13.24 10.23 22.51m76 2A43.2 43.2 0 0 0 172 180c0-22-16.15-40-36-40s-36 18-36 40s16.15 40 36 40a32.8 32.8 0 0 0 15.25-3.77l.27.26a12 12 0 0 0 17-17ZM124 180c0-8.67 5.5-16 12-16s12 7.33 12 16v.69a12 12 0 0 0-15.51 14.56C127.62 193.16 124 187 124 180"/></svg>How to use the File Sql Bold icon
React
import { Icon } from "@iconify/react";
<Icon icon="ph:file-sql-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:file-sql-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:file-sql-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--file-sql-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:file-sql-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:file-sql-bold"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ph/file-sql-bold.svg" alt="File Sql Bold icon" width="24" height="24">Related icons in Phosphor
file
file-archive
file-archive-bold
file-archive-duotone
file-archive-fill
file-archive-light
file-archive-thin
file-arrow-down
file-arrow-down-bold
file-arrow-down-duotone
file-arrow-down-fill
file-arrow-down-light
file-arrow-down-thin
file-arrow-up
file-arrow-up-bold
file-arrow-up-duotone
file-arrow-up-fill
file-arrow-up-light
file-arrow-up-thin
file-audio
file-audio-bold
file-audio-duotone
file-audio-fill
file-audio-light
File Sql Bold icon FAQ
Is the File Sql Bold icon free for commercial use?
Yes. Phosphor icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the File Sql Bold icon in React?
Install @iconify/react and render <Icon icon="ph:file-sql-bold" />, or use “Copy code” on this page to get a standalone React component.
How do I add the File Sql Bold icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ph/file-sql-bold.svg" alt="File Sql Bold icon">, or paste the SVG code inline to style it with CSS.