Replace the component name with any label shown below. The equivalent Svelte path uses/svelte/ instead of /react/.
tsx
import VibeFlag001 from "@cofob/design-system-stickers/react/VibeFlag001";<VibeFlag001 alt="Describe this sticker in context" />
All stickers
Animated WebM is lazy: below-the-fold videos have no src until their card intersects the viewport, and playback pauses whenever a card leaves it. The global switch unloads animated WebM while keeping ordinary WebP stickers and SVG/WebP first frames visible. The preference is preserved across page reloads.
VibeFlag001
VibeFlag001video
import VibeFlag001 from "@cofob/design-system-stickers/react/VibeFlag001";
<VibeFlag001 alt="Describe this sticker in context" /><script>
import VibeFlag001 from "@cofob/design-system-stickers/svelte/VibeFlag001";
</script>
<VibeFlag001 alt="Describe this sticker in context" />
🏳️🌈
VibeFlag002
VibeFlag002video
import VibeFlag002 from "@cofob/design-system-stickers/react/VibeFlag002";
<VibeFlag002 alt="Describe this sticker in context" /><script>
import VibeFlag002 from "@cofob/design-system-stickers/svelte/VibeFlag002";
</script>
<VibeFlag002 alt="Describe this sticker in context" />
🇯🇵
VibeFlag003
VibeFlag003video
import VibeFlag003 from "@cofob/design-system-stickers/react/VibeFlag003";
<VibeFlag003 alt="Describe this sticker in context" /><script>
import VibeFlag003 from "@cofob/design-system-stickers/svelte/VibeFlag003";
</script>
<VibeFlag003 alt="Describe this sticker in context" />
🇨🇦
VibeFlag004
VibeFlag004video
import VibeFlag004 from "@cofob/design-system-stickers/react/VibeFlag004";
<VibeFlag004 alt="Describe this sticker in context" /><script>
import VibeFlag004 from "@cofob/design-system-stickers/svelte/VibeFlag004";
</script>
<VibeFlag004 alt="Describe this sticker in context" />
🇪🇺
VibeFlag005
VibeFlag005video
import VibeFlag005 from "@cofob/design-system-stickers/react/VibeFlag005";
<VibeFlag005 alt="Describe this sticker in context" /><script>
import VibeFlag005 from "@cofob/design-system-stickers/svelte/VibeFlag005";
</script>
<VibeFlag005 alt="Describe this sticker in context" />
🇦🇲
VibeFlag006
VibeFlag006video
import VibeFlag006 from "@cofob/design-system-stickers/react/VibeFlag006";
<VibeFlag006 alt="Describe this sticker in context" /><script>
import VibeFlag006 from "@cofob/design-system-stickers/svelte/VibeFlag006";
</script>
<VibeFlag006 alt="Describe this sticker in context" />
🇱🇻
VibeFlag007
VibeFlag007video
import VibeFlag007 from "@cofob/design-system-stickers/react/VibeFlag007";
<VibeFlag007 alt="Describe this sticker in context" /><script>
import VibeFlag007 from "@cofob/design-system-stickers/svelte/VibeFlag007";
</script>
<VibeFlag007 alt="Describe this sticker in context" />
🇪🇪
VibeFlag008
VibeFlag008video
import VibeFlag008 from "@cofob/design-system-stickers/react/VibeFlag008";
<VibeFlag008 alt="Describe this sticker in context" /><script>
import VibeFlag008 from "@cofob/design-system-stickers/svelte/VibeFlag008";
</script>
<VibeFlag008 alt="Describe this sticker in context" />
🇱🇹
VibeFlag009
VibeFlag009video
import VibeFlag009 from "@cofob/design-system-stickers/react/VibeFlag009";
<VibeFlag009 alt="Describe this sticker in context" /><script>
import VibeFlag009 from "@cofob/design-system-stickers/svelte/VibeFlag009";
</script>
<VibeFlag009 alt="Describe this sticker in context" />
🏴
VibeFlag010
VibeFlag010video
import VibeFlag010 from "@cofob/design-system-stickers/react/VibeFlag010";
<VibeFlag010 alt="Describe this sticker in context" /><script>
import VibeFlag010 from "@cofob/design-system-stickers/svelte/VibeFlag010";
</script>
<VibeFlag010 alt="Describe this sticker in context" />
🇧🇾
VibeFlag011
VibeFlag011video
import VibeFlag011 from "@cofob/design-system-stickers/react/VibeFlag011";
<VibeFlag011 alt="Describe this sticker in context" /><script>
import VibeFlag011 from "@cofob/design-system-stickers/svelte/VibeFlag011";
</script>
<VibeFlag011 alt="Describe this sticker in context" />
🇭🇺
VibeFlag012
VibeFlag012video
import VibeFlag012 from "@cofob/design-system-stickers/react/VibeFlag012";
<VibeFlag012 alt="Describe this sticker in context" /><script>
import VibeFlag012 from "@cofob/design-system-stickers/svelte/VibeFlag012";
</script>
<VibeFlag012 alt="Describe this sticker in context" />
🇷🇺
VibeFlag013
VibeFlag013video
import VibeFlag013 from "@cofob/design-system-stickers/react/VibeFlag013";
<VibeFlag013 alt="Describe this sticker in context" /><script>
import VibeFlag013 from "@cofob/design-system-stickers/svelte/VibeFlag013";
</script>
<VibeFlag013 alt="Describe this sticker in context" />
🇹🇷
VibeFlag014
VibeFlag014video
import VibeFlag014 from "@cofob/design-system-stickers/react/VibeFlag014";
<VibeFlag014 alt="Describe this sticker in context" /><script>
import VibeFlag014 from "@cofob/design-system-stickers/svelte/VibeFlag014";
</script>
<VibeFlag014 alt="Describe this sticker in context" />
🇲🇦
VibeFlag015
VibeFlag015video
import VibeFlag015 from "@cofob/design-system-stickers/react/VibeFlag015";
<VibeFlag015 alt="Describe this sticker in context" /><script>
import VibeFlag015 from "@cofob/design-system-stickers/svelte/VibeFlag015";
</script>
<VibeFlag015 alt="Describe this sticker in context" />
🇦🇺
VibeFlag016
VibeFlag016video
import VibeFlag016 from "@cofob/design-system-stickers/react/VibeFlag016";
<VibeFlag016 alt="Describe this sticker in context" /><script>
import VibeFlag016 from "@cofob/design-system-stickers/svelte/VibeFlag016";
</script>
<VibeFlag016 alt="Describe this sticker in context" />
🇬🇧
VibeFlag017
VibeFlag017video
import VibeFlag017 from "@cofob/design-system-stickers/react/VibeFlag017";
<VibeFlag017 alt="Describe this sticker in context" /><script>
import VibeFlag017 from "@cofob/design-system-stickers/svelte/VibeFlag017";
</script>
<VibeFlag017 alt="Describe this sticker in context" />
🏴
VibeFlag018
VibeFlag018video
import VibeFlag018 from "@cofob/design-system-stickers/react/VibeFlag018";
<VibeFlag018 alt="Describe this sticker in context" /><script>
import VibeFlag018 from "@cofob/design-system-stickers/svelte/VibeFlag018";
</script>
<VibeFlag018 alt="Describe this sticker in context" />
🏴
VibeFlag019
VibeFlag019video
import VibeFlag019 from "@cofob/design-system-stickers/react/VibeFlag019";
<VibeFlag019 alt="Describe this sticker in context" /><script>
import VibeFlag019 from "@cofob/design-system-stickers/svelte/VibeFlag019";
</script>
<VibeFlag019 alt="Describe this sticker in context" />
🇫🇮
VibeFlag020
VibeFlag020video
import VibeFlag020 from "@cofob/design-system-stickers/react/VibeFlag020";
<VibeFlag020 alt="Describe this sticker in context" /><script>
import VibeFlag020 from "@cofob/design-system-stickers/svelte/VibeFlag020";
</script>
<VibeFlag020 alt="Describe this sticker in context" />
🇷🇺
VibeFlag021
VibeFlag021video
import VibeFlag021 from "@cofob/design-system-stickers/react/VibeFlag021";
<VibeFlag021 alt="Describe this sticker in context" /><script>
import VibeFlag021 from "@cofob/design-system-stickers/svelte/VibeFlag021";
</script>
<VibeFlag021 alt="Describe this sticker in context" />
🇵🇱
VibeFlag022
VibeFlag022video
import VibeFlag022 from "@cofob/design-system-stickers/react/VibeFlag022";
<VibeFlag022 alt="Describe this sticker in context" /><script>
import VibeFlag022 from "@cofob/design-system-stickers/svelte/VibeFlag022";
</script>
<VibeFlag022 alt="Describe this sticker in context" />
🇬🇪
VibeFlag023
VibeFlag023video
import VibeFlag023 from "@cofob/design-system-stickers/react/VibeFlag023";
<VibeFlag023 alt="Describe this sticker in context" /><script>
import VibeFlag023 from "@cofob/design-system-stickers/svelte/VibeFlag023";
</script>
<VibeFlag023 alt="Describe this sticker in context" />
🏴
VibeFlag024
VibeFlag024video
import VibeFlag024 from "@cofob/design-system-stickers/react/VibeFlag024";
<VibeFlag024 alt="Describe this sticker in context" /><script>
import VibeFlag024 from "@cofob/design-system-stickers/svelte/VibeFlag024";
</script>
<VibeFlag024 alt="Describe this sticker in context" />
🇺🇸
VibeFlag025
VibeFlag025video
import VibeFlag025 from "@cofob/design-system-stickers/react/VibeFlag025";
<VibeFlag025 alt="Describe this sticker in context" /><script>
import VibeFlag025 from "@cofob/design-system-stickers/svelte/VibeFlag025";
</script>
<VibeFlag025 alt="Describe this sticker in context" />
🏴
VibeFlag026
VibeFlag026video
import VibeFlag026 from "@cofob/design-system-stickers/react/VibeFlag026";
<VibeFlag026 alt="Describe this sticker in context" /><script>
import VibeFlag026 from "@cofob/design-system-stickers/svelte/VibeFlag026";
</script>
<VibeFlag026 alt="Describe this sticker in context" />
🇺🇦
VibeFlag027
VibeFlag027video
import VibeFlag027 from "@cofob/design-system-stickers/react/VibeFlag027";
<VibeFlag027 alt="Describe this sticker in context" /><script>
import VibeFlag027 from "@cofob/design-system-stickers/svelte/VibeFlag027";
</script>
<VibeFlag027 alt="Describe this sticker in context" />
🏴
VibeFlag028
VibeFlag028video
import VibeFlag028 from "@cofob/design-system-stickers/react/VibeFlag028";
<VibeFlag028 alt="Describe this sticker in context" /><script>
import VibeFlag028 from "@cofob/design-system-stickers/svelte/VibeFlag028";
</script>
<VibeFlag028 alt="Describe this sticker in context" />
🇰🇿
VibeFlag029
VibeFlag029video
import VibeFlag029 from "@cofob/design-system-stickers/react/VibeFlag029";
<VibeFlag029 alt="Describe this sticker in context" /><script>
import VibeFlag029 from "@cofob/design-system-stickers/svelte/VibeFlag029";
</script>
<VibeFlag029 alt="Describe this sticker in context" />
🏴
VibeFlag030
VibeFlag030video
import VibeFlag030 from "@cofob/design-system-stickers/react/VibeFlag030";
<VibeFlag030 alt="Describe this sticker in context" /><script>
import VibeFlag030 from "@cofob/design-system-stickers/svelte/VibeFlag030";
</script>
<VibeFlag030 alt="Describe this sticker in context" />
🇨🇳
VibeFlag031
VibeFlag031video
import VibeFlag031 from "@cofob/design-system-stickers/react/VibeFlag031";
<VibeFlag031 alt="Describe this sticker in context" /><script>
import VibeFlag031 from "@cofob/design-system-stickers/svelte/VibeFlag031";
</script>
<VibeFlag031 alt="Describe this sticker in context" />
🏴☠️
VibeFlag032
VibeFlag032video
import VibeFlag032 from "@cofob/design-system-stickers/react/VibeFlag032";
<VibeFlag032 alt="Describe this sticker in context" /><script>
import VibeFlag032 from "@cofob/design-system-stickers/svelte/VibeFlag032";
</script>
<VibeFlag032 alt="Describe this sticker in context" />
🇮🇱
VibeFlag033
VibeFlag033video
import VibeFlag033 from "@cofob/design-system-stickers/react/VibeFlag033";
<VibeFlag033 alt="Describe this sticker in context" /><script>
import VibeFlag033 from "@cofob/design-system-stickers/svelte/VibeFlag033";
</script>
<VibeFlag033 alt="Describe this sticker in context" />
🇷🇺
VibeFlag034
VibeFlag034video
import VibeFlag034 from "@cofob/design-system-stickers/react/VibeFlag034";
<VibeFlag034 alt="Describe this sticker in context" /><script>
import VibeFlag034 from "@cofob/design-system-stickers/svelte/VibeFlag034";
</script>
<VibeFlag034 alt="Describe this sticker in context" />
🇺🇳
VibeFlag035
VibeFlag035video
import VibeFlag035 from "@cofob/design-system-stickers/react/VibeFlag035";
<VibeFlag035 alt="Describe this sticker in context" /><script>
import VibeFlag035 from "@cofob/design-system-stickers/svelte/VibeFlag035";
</script>
<VibeFlag035 alt="Describe this sticker in context" />
🇦🇿
VibeFlag036
VibeFlag036video
import VibeFlag036 from "@cofob/design-system-stickers/react/VibeFlag036";
<VibeFlag036 alt="Describe this sticker in context" /><script>
import VibeFlag036 from "@cofob/design-system-stickers/svelte/VibeFlag036";
</script>
<VibeFlag036 alt="Describe this sticker in context" />
🇧🇷
VibeFlag037
VibeFlag037video
import VibeFlag037 from "@cofob/design-system-stickers/react/VibeFlag037";
<VibeFlag037 alt="Describe this sticker in context" /><script>
import VibeFlag037 from "@cofob/design-system-stickers/svelte/VibeFlag037";
</script>
<VibeFlag037 alt="Describe this sticker in context" />
🏴
VibeFlag038
VibeFlag038video
import VibeFlag038 from "@cofob/design-system-stickers/react/VibeFlag038";
<VibeFlag038 alt="Describe this sticker in context" /><script>
import VibeFlag038 from "@cofob/design-system-stickers/svelte/VibeFlag038";
</script>
<VibeFlag038 alt="Describe this sticker in context" />
🇰🇵
VibeFlag039
VibeFlag039video
import VibeFlag039 from "@cofob/design-system-stickers/react/VibeFlag039";
<VibeFlag039 alt="Describe this sticker in context" /><script>
import VibeFlag039 from "@cofob/design-system-stickers/svelte/VibeFlag039";
</script>
<VibeFlag039 alt="Describe this sticker in context" />
🇫🇷
VibeFlag040
VibeFlag040video
import VibeFlag040 from "@cofob/design-system-stickers/react/VibeFlag040";
<VibeFlag040 alt="Describe this sticker in context" /><script>
import VibeFlag040 from "@cofob/design-system-stickers/svelte/VibeFlag040";
</script>
<VibeFlag040 alt="Describe this sticker in context" />
🇰🇷
VibeFlag041
VibeFlag041video
import VibeFlag041 from "@cofob/design-system-stickers/react/VibeFlag041";
<VibeFlag041 alt="Describe this sticker in context" /><script>
import VibeFlag041 from "@cofob/design-system-stickers/svelte/VibeFlag041";
</script>
<VibeFlag041 alt="Describe this sticker in context" />
🇨🇭
VibeFlag042
VibeFlag042video
import VibeFlag042 from "@cofob/design-system-stickers/react/VibeFlag042";
<VibeFlag042 alt="Describe this sticker in context" /><script>
import VibeFlag042 from "@cofob/design-system-stickers/svelte/VibeFlag042";
</script>
<VibeFlag042 alt="Describe this sticker in context" />
🇨🇺
VibeFlag043
VibeFlag043video
import VibeFlag043 from "@cofob/design-system-stickers/react/VibeFlag043";
<VibeFlag043 alt="Describe this sticker in context" /><script>
import VibeFlag043 from "@cofob/design-system-stickers/svelte/VibeFlag043";
</script>
<VibeFlag043 alt="Describe this sticker in context" />
🇮🇳
VibeFlag044
VibeFlag044video
import VibeFlag044 from "@cofob/design-system-stickers/react/VibeFlag044";
<VibeFlag044 alt="Describe this sticker in context" /><script>
import VibeFlag044 from "@cofob/design-system-stickers/svelte/VibeFlag044";
</script>
<VibeFlag044 alt="Describe this sticker in context" />
🇳🇿
VibeFlag045
VibeFlag045video
import VibeFlag045 from "@cofob/design-system-stickers/react/VibeFlag045";
<VibeFlag045 alt="Describe this sticker in context" /><script>
import VibeFlag045 from "@cofob/design-system-stickers/svelte/VibeFlag045";
</script>
<VibeFlag045 alt="Describe this sticker in context" />
🇽🇰
VibeFlag046
VibeFlag046video
import VibeFlag046 from "@cofob/design-system-stickers/react/VibeFlag046";
<VibeFlag046 alt="Describe this sticker in context" /><script>
import VibeFlag046 from "@cofob/design-system-stickers/svelte/VibeFlag046";
</script>
<VibeFlag046 alt="Describe this sticker in context" />
🇲🇽
VibeFlag047
VibeFlag047video
import VibeFlag047 from "@cofob/design-system-stickers/react/VibeFlag047";
<VibeFlag047 alt="Describe this sticker in context" /><script>
import VibeFlag047 from "@cofob/design-system-stickers/svelte/VibeFlag047";
</script>
<VibeFlag047 alt="Describe this sticker in context" />
🇹🇼
VibeFlag048
VibeFlag048video
import VibeFlag048 from "@cofob/design-system-stickers/react/VibeFlag048";
<VibeFlag048 alt="Describe this sticker in context" /><script>
import VibeFlag048 from "@cofob/design-system-stickers/svelte/VibeFlag048";
</script>
<VibeFlag048 alt="Describe this sticker in context" />