64 lines
2.6 KiB
Svelte
64 lines
2.6 KiB
Svelte
<script>
|
|
export let kind = 'generic'
|
|
export let size = 20
|
|
</script>
|
|
|
|
<svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor"
|
|
stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg">
|
|
{#if kind === 'folder'}
|
|
<path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"/>
|
|
{:else if kind === 'image'}
|
|
<rect x="3" y="3" width="18" height="18" rx="2" ry="2"/>
|
|
<circle cx="8.5" cy="8.5" r="1.5"/>
|
|
<polyline points="21 15 16 10 5 21"/>
|
|
{:else if kind === 'video'}
|
|
<rect x="2" y="4" width="20" height="16" rx="2"/>
|
|
<polyline points="10 9 16 12 10 15 10 9"/>
|
|
{:else if kind === 'audio'}
|
|
<path d="M9 18V5l12-2v13"/>
|
|
<circle cx="6" cy="18" r="3"/>
|
|
<circle cx="18" cy="16" r="3"/>
|
|
{:else if kind === 'pdf'}
|
|
<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>
|
|
<polyline points="14 2 14 8 20 8"/>
|
|
<line x1="8" y1="12" x2="16" y2="12"/>
|
|
<line x1="8" y1="16" x2="16" y2="16"/>
|
|
<line x1="8" y1="14" x2="12" y2="14"/>
|
|
{:else if kind === 'document'}
|
|
<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>
|
|
<polyline points="14 2 14 8 20 8"/>
|
|
<line x1="16" y1="13" x2="8" y2="13"/>
|
|
<line x1="16" y1="17" x2="8" y2="17"/>
|
|
{:else if kind === 'spreadsheet'}
|
|
<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>
|
|
<polyline points="14 2 14 8 20 8"/>
|
|
<line x1="8" y1="12" x2="16" y2="12"/>
|
|
<line x1="8" y1="16" x2="16" y2="16"/>
|
|
<line x1="8" y1="14" x2="12" y2="14"/>
|
|
<line x1="12" y1="12" x2="12" y2="18"/>
|
|
{:else if kind === 'presentation'}
|
|
<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>
|
|
<polyline points="14 2 14 8 20 8"/>
|
|
<line x1="9" y1="12" x2="15" y2="12"/>
|
|
<line x1="9" y1="15" x2="13" y2="15"/>
|
|
<line x1="12" y1="15" x2="12" y2="18"/>
|
|
{:else if kind === 'archive'}
|
|
<path d="M21 8v13a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8"/>
|
|
<polyline points="7 3 12 8 17 3"/>
|
|
<line x1="3" y1="8" x2="21" y2="8"/>
|
|
<rect x="10" y="12" width="4" height="4" rx="1"/>
|
|
{:else if kind === 'code'}
|
|
<polyline points="16 18 22 12 16 6"/>
|
|
<polyline points="8 6 2 12 8 18"/>
|
|
{:else if kind === 'text'}
|
|
<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>
|
|
<polyline points="14 2 14 8 20 8"/>
|
|
<line x1="16" y1="13" x2="8" y2="13"/>
|
|
<line x1="16" y1="17" x2="8" y2="17"/>
|
|
<polyline points="10 9 9 9 8 9"/>
|
|
{:else}
|
|
<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>
|
|
<polyline points="14 2 14 8 20 8"/>
|
|
{/if}
|
|
</svg>
|