file type light db logo
file-type-light-db from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- file-type-light-db
- Set
- VSCode Icons
- Style
- Color
- Viewbox
- 32×32
- License
- MIT
Related icons in VSCode Icons
file-type-accessfile-type-access2file-type-actionscriptfile-type-actionscript2file-type-adafile-type-advplfile-type-affinityfile-type-affinitydesignerfile-type-affinityphotofile-type-affinitypublisherfile-type-agdafile-type-agentsfile-type-aifile-type-ai2file-type-aikidofile-type-alfile-type-al-dalfile-type-alchemyfile-type-allcontributorsfile-type-alloyfile-type-allurefile-type-angularfile-type-ansiblefile-type-antlers-html
Use the file type light db logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#74777c" d="M8.562 15.256A21.2 21.2 0 0 0 16 16.449a21.2 21.2 0 0 0 7.438-1.194c1.864-.727 2.525-1.535 2.525-2V9.7a10.4 10.4 0 0 1-2.084 1.076A22.3 22.3 0 0 1 16 12.078a22.4 22.4 0 0 1-7.879-1.3A10.3 10.3 0 0 1 6.037 9.7v3.55c0 .474.663 1.278 2.525 2.006m0 6.705a15.6 15.6 0 0 0 2.6.741a25 25 0 0 0 4.838.453a25 25 0 0 0 4.838-.452a15.6 15.6 0 0 0 2.6-.741c1.864-.727 2.525-1.535 2.525-2v-3.39a10.7 10.7 0 0 1-1.692.825A23.5 23.5 0 0 1 16 18.74a23.5 23.5 0 0 1-8.271-1.348a11 11 0 0 1-1.692-.825v3.393c0 .466.663 1.271 2.525 2.001M16 30c5.5 0 9.963-1.744 9.963-3.894v-2.837a10.5 10.5 0 0 1-1.535.762l-.157.063A23.5 23.5 0 0 1 16 25.445a23.4 23.4 0 0 1-8.271-1.351l-.157-.063a10.5 10.5 0 0 1-1.535-.762v2.837C6.037 28.256 10.5 30 16 30"/><ellipse cx="16" cy="5.894" fill="#74777c" rx="9.963" ry="3.894"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFileTypeLightDb(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#74777c" d="M8.562 15.256A21.2 21.2 0 0 0 16 16.449a21.2 21.2 0 0 0 7.438-1.194c1.864-.727 2.525-1.535 2.525-2V9.7a10.4 10.4 0 0 1-2.084 1.076A22.3 22.3 0 0 1 16 12.078a22.4 22.4 0 0 1-7.879-1.3A10.3 10.3 0 0 1 6.037 9.7v3.55c0 .474.663 1.278 2.525 2.006m0 6.705a15.6 15.6 0 0 0 2.6.741a25 25 0 0 0 4.838.453a25 25 0 0 0 4.838-.452a15.6 15.6 0 0 0 2.6-.741c1.864-.727 2.525-1.535 2.525-2v-3.39a10.7 10.7 0 0 1-1.692.825A23.5 23.5 0 0 1 16 18.74a23.5 23.5 0 0 1-8.271-1.348a11 11 0 0 1-1.692-.825v3.393c0 .466.663 1.271 2.525 2.001M16 30c5.5 0 9.963-1.744 9.963-3.894v-2.837a10.5 10.5 0 0 1-1.535.762l-.157.063A23.5 23.5 0 0 1 16 25.445a23.4 23.4 0 0 1-8.271-1.351l-.157-.063a10.5 10.5 0 0 1-1.535-.762v2.837C6.037 28.256 10.5 30 16 30"/><ellipse cx="16" cy="5.894" fill="#74777c" rx="9.963" ry="3.894"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#74777c" d="M8.562 15.256A21.2 21.2 0 0 0 16 16.449a21.2 21.2 0 0 0 7.438-1.194c1.864-.727 2.525-1.535 2.525-2V9.7a10.4 10.4 0 0 1-2.084 1.076A22.3 22.3 0 0 1 16 12.078a22.4 22.4 0 0 1-7.879-1.3A10.3 10.3 0 0 1 6.037 9.7v3.55c0 .474.663 1.278 2.525 2.006m0 6.705a15.6 15.6 0 0 0 2.6.741a25 25 0 0 0 4.838.453a25 25 0 0 0 4.838-.452a15.6 15.6 0 0 0 2.6-.741c1.864-.727 2.525-1.535 2.525-2v-3.39a10.7 10.7 0 0 1-1.692.825A23.5 23.5 0 0 1 16 18.74a23.5 23.5 0 0 1-8.271-1.348a11 11 0 0 1-1.692-.825v3.393c0 .466.663 1.271 2.525 2.001M16 30c5.5 0 9.963-1.744 9.963-3.894v-2.837a10.5 10.5 0 0 1-1.535.762l-.157.063A23.5 23.5 0 0 1 16 25.445a23.4 23.4 0 0 1-8.271-1.351l-.157-.063a10.5 10.5 0 0 1-1.535-.762v2.837C6.037 28.256 10.5 30 16 30"/><ellipse cx="16" cy="5.894" fill="#74777c" rx="9.963" ry="3.894"/></svg> </template>
CSS
.icon-file-type-light-db {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%2374777c%22%20d%3D%22M8.562%2015.256A21.2%2021.2%200%200%200%2016%2016.449a21.2%2021.2%200%200%200%207.438-1.194c1.864-.727%202.525-1.535%202.525-2V9.7a10.4%2010.4%200%200%201-2.084%201.076A22.3%2022.3%200%200%201%2016%2012.078a22.4%2022.4%200%200%201-7.879-1.3A10.3%2010.3%200%200%201%206.037%209.7v3.55c0%20.474.663%201.278%202.525%202.006m0%206.705a15.6%2015.6%200%200%200%202.6.741a25%2025%200%200%200%204.838.453a25%2025%200%200%200%204.838-.452a15.6%2015.6%200%200%200%202.6-.741c1.864-.727%202.525-1.535%202.525-2v-3.39a10.7%2010.7%200%200%201-1.692.825A23.5%2023.5%200%200%201%2016%2018.74a23.5%2023.5%200%200%201-8.271-1.348a11%2011%200%200%201-1.692-.825v3.393c0%20.466.663%201.271%202.525%202.001M16%2030c5.5%200%209.963-1.744%209.963-3.894v-2.837a10.5%2010.5%200%200%201-1.535.762l-.157.063A23.5%2023.5%200%200%201%2016%2025.445a23.4%2023.4%200%200%201-8.271-1.351l-.157-.063a10.5%2010.5%200%200%201-1.535-.762v2.837C6.037%2028.256%2010.5%2030%2016%2030%22%2F%3E%3Cellipse%20cx%3D%2216%22%20cy%3D%225.894%22%20fill%3D%22%2374777c%22%20rx%3D%229.963%22%20ry%3D%223.894%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%2374777c%22%20d%3D%22M8.562%2015.256A21.2%2021.2%200%200%200%2016%2016.449a21.2%2021.2%200%200%200%207.438-1.194c1.864-.727%202.525-1.535%202.525-2V9.7a10.4%2010.4%200%200%201-2.084%201.076A22.3%2022.3%200%200%201%2016%2012.078a22.4%2022.4%200%200%201-7.879-1.3A10.3%2010.3%200%200%201%206.037%209.7v3.55c0%20.474.663%201.278%202.525%202.006m0%206.705a15.6%2015.6%200%200%200%202.6.741a25%2025%200%200%200%204.838.453a25%2025%200%200%200%204.838-.452a15.6%2015.6%200%200%200%202.6-.741c1.864-.727%202.525-1.535%202.525-2v-3.39a10.7%2010.7%200%200%201-1.692.825A23.5%2023.5%200%200%201%2016%2018.74a23.5%2023.5%200%200%201-8.271-1.348a11%2011%200%200%201-1.692-.825v3.393c0%20.466.663%201.271%202.525%202.001M16%2030c5.5%200%209.963-1.744%209.963-3.894v-2.837a10.5%2010.5%200%200%201-1.535.762l-.157.063A23.5%2023.5%200%200%201%2016%2025.445a23.4%2023.4%200%200%201-8.271-1.351l-.157-.063a10.5%2010.5%200%200%201-1.535-.762v2.837C6.037%2028.256%2010.5%2030%2016%2030%22%2F%3E%3Cellipse%20cx%3D%2216%22%20cy%3D%225.894%22%20fill%3D%22%2374777c%22%20rx%3D%229.963%22%20ry%3D%223.894%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/vscode-icons/file-type-light-db.svg?color=%231a73e8&size=48
