36 lines
1.1 KiB
Vue
36 lines
1.1 KiB
Vue
<script setup lang="ts">
|
||
/** Minimal stroke icons (24×24, currentColor) for the store's trust row. */
|
||
withDefaults(defineProps<{ name: string; class?: string }>(), { class: 'h-4 w-4' });
|
||
</script>
|
||
|
||
<template>
|
||
<svg
|
||
viewBox="0 0 24 24"
|
||
fill="none"
|
||
stroke="currentColor"
|
||
stroke-width="1.7"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
:class="$props.class"
|
||
aria-hidden
|
||
>
|
||
<template v-if="name === 'shipping'">
|
||
<path d="M3 7h10v8H3zM13 10h4l3 3v2h-7z" />
|
||
<circle cx="6.5" cy="17" r="1.6" />
|
||
<circle cx="17" cy="17" r="1.6" />
|
||
</template>
|
||
<template v-else-if="name === 'returns'">
|
||
<path d="M4 9a8 8 0 0 1 13.5-3.5M20 15a8 8 0 0 1-13.5 3.5" />
|
||
<path d="M4 4v5h5M20 20v-5h-5" />
|
||
</template>
|
||
<template v-else-if="name === 'secure'">
|
||
<path d="M12 3l7 3v6c0 4.4-3 7.6-7 9-4-1.4-7-4.6-7-9V6l7-3z" />
|
||
<path d="M9.5 12l1.8 1.8 3.4-3.6" />
|
||
</template>
|
||
<template v-else>
|
||
<path d="M5 19c0-7 5-12 14-13 0 9-5 13-11 13H5z" />
|
||
<path d="M9 15c1.5-3 4-5.5 7-7" />
|
||
</template>
|
||
</svg>
|
||
</template>
|