asset db icon

This commit is contained in:
Diego Imbert
2025-11-27 14:56:10 +01:00
parent 7cc696421c
commit 8e78627e3a
2 changed files with 33 additions and 0 deletions
@@ -0,0 +1,30 @@
<script lang="ts">
interface Props {
height?: string
width?: string
fill?: string
class?: string
}
let { height = '24px', width = '24px', fill = 'black', class: className = '' }: Props = $props()
</script>
<svg
{width}
{height}
viewBox="0 0 22 22"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class={className}
>
<path
d="M11.0584 0.306641C11.3104 0.315989 11.558 0.378277 11.782 0.495117C12.0245 0.621655 12.2329 0.805033 12.3895 1.0293L12.3914 1.03223L17.9031 9H16.202L11.6961 2.4873V9H10.2957V2.4873L1.75177 14.8457C1.72848 14.8796 1.71275 14.9186 1.70489 14.959C1.69706 14.9995 1.69784 15.0418 1.70685 15.082C1.71586 15.1222 1.73332 15.1601 1.75763 15.1934C1.78194 15.2266 1.8129 15.2546 1.84845 15.2754L8.74982 19.2158V20.8281L1.14825 16.4883L1.14239 16.4844C0.940683 16.3666 0.765637 16.2081 0.627747 16.0195C0.48978 15.8308 0.391698 15.6158 0.340638 15.3877C0.289583 15.1595 0.286493 14.9229 0.330872 14.6934C0.375258 14.4641 0.466206 14.2462 0.598451 14.0537L0.599427 14.0518L9.59943 1.03223L9.60138 1.0293C9.75804 0.804889 9.96711 0.62167 10.2098 0.495117C10.4334 0.378564 10.68 0.316161 10.9314 0.306641C10.9526 0.304686 10.9742 0.299805 10.9959 0.299805C11.017 0.299841 11.0378 0.304797 11.0584 0.306641Z"
{fill}
stroke="none"
/>
<path
d="M16 22C14.3222 22 12.9029 21.7418 11.742 21.2253C10.5811 20.7089 10.0004 20.0782 10 19.3333V12.6667C10 11.9333 10.5862 11.3056 11.7587 10.7833C12.9311 10.2611 14.3449 10 16 10C17.6551 10 19.0691 10.2611 20.242 10.7833C21.4149 11.3056 22.0009 11.9333 22 12.6667V19.3333C22 20.0778 21.4193 20.7084 20.258 21.2253C19.0967 21.7422 17.6773 22.0004 16 22ZM16 14.0167C16.9889 14.0167 17.9833 13.8749 18.9833 13.5913C19.9833 13.3078 20.5444 13.0051 20.6667 12.6833C20.5444 12.3611 19.9862 12.0556 18.992 11.7667C17.9978 11.4778 17.0004 11.3333 16 11.3333C14.9889 11.3333 13.9973 11.4751 13.0253 11.7587C12.0533 12.0422 11.4893 12.3504 11.3333 12.6833C11.4889 13.0167 12.0529 13.3222 13.0253 13.6C13.9978 13.8778 14.9893 14.0167 16 14.0167ZM16 17.3333C16.4667 17.3333 16.9167 17.3111 17.35 17.2667C17.7833 17.2222 18.1973 17.1582 18.592 17.0747C18.9867 16.9911 19.3589 16.8884 19.7087 16.7667C20.0584 16.6449 20.3778 16.506 20.6667 16.35V14.35C20.3778 14.5056 20.0584 14.6444 19.7087 14.7667C19.3589 14.8889 18.9867 14.9918 18.592 15.0753C18.1973 15.1589 17.7833 15.2227 17.35 15.2667C16.9167 15.3107 16.4667 15.3329 16 15.3333C15.5333 15.3338 15.0778 15.3116 14.6333 15.2667C14.1889 15.2218 13.7693 15.1578 13.3747 15.0747C12.98 14.9916 12.6107 14.8889 12.2667 14.7667C11.9227 14.6444 11.6116 14.5056 11.3333 14.35V16.35C11.6111 16.5056 11.9222 16.6444 12.2667 16.7667C12.6111 16.8889 12.9807 16.9918 13.3753 17.0753C13.77 17.1589 14.1893 17.2227 14.6333 17.2667C15.0773 17.3107 15.5329 17.3329 16 17.3333ZM16 20.6667C16.5111 20.6667 17.0307 20.6278 17.5587 20.55C18.0867 20.4722 18.5727 20.3696 19.0167 20.242C19.4607 20.1144 19.8329 19.97 20.1333 19.8087C20.4338 19.6473 20.6116 19.4833 20.6667 19.3167V17.6833C20.3778 17.8389 20.0584 17.9778 19.7087 18.1C19.3589 18.2222 18.9867 18.3251 18.592 18.4087C18.1973 18.4922 17.7833 18.556 17.35 18.6C16.9167 18.644 16.4667 18.6662 16 18.6667C15.5333 18.6671 15.0778 18.6449 14.6333 18.6C14.1889 18.5551 13.7693 18.4911 13.3747 18.408C12.98 18.3249 12.6107 18.2222 12.2667 18.1C11.9227 17.9778 11.6116 17.8389 11.3333 17.6833V19.3333C11.3889 19.5 11.564 19.6611 11.8587 19.8167C12.1533 19.9722 12.5227 20.114 12.9667 20.242C13.4107 20.37 13.8996 20.4727 14.4333 20.55C14.9671 20.6273 15.4893 20.6662 16 20.6667Z"
{fill}
stroke="none"
/>
</svg>
@@ -4,6 +4,7 @@
import AssetResIcon from './AssetResIcon.svelte'
import AssetS3Icon from './AssetS3Icon.svelte'
import AssetDucklakeIcon from './AssetDucklakeIcon.svelte'
import AssetDatabaseIcon from './AssetDatabaseIcon.svelte'
interface Props {
size?: string
@@ -19,6 +20,8 @@
<AssetS3Icon {fill} width={size} height={size} class={className} />
{:else if assetKind == 'resource'}
<AssetResIcon {fill} width={size} height={size} class={className} />
{:else if assetKind == 'datatable'}
<AssetDatabaseIcon {fill} width={size} height={size} class={className} />
{:else if assetKind == 'ducklake'}
<AssetDucklakeIcon {fill} width={size} height={size} class={className} />
{:else}