26 lines
848 B
Vue

<template>
<div
class="m-1 flex h-12 w-12 items-center justify-center rounded-full bg-white shadow"
>
<svg
width="21"
height="25"
viewBox="0 0 21 25"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
class="text-blue-500"
d="M0 8.9V15.5C0 16.6324 1.20672 17.3564 2.20588 16.8235L14.2059 10.4235C14.6947 10.1628 15 9.65397 15 9.1V2.5C15 1.36762 13.7933 0.643586 12.7941 1.17647L0.794118 7.57647C0.305322 7.83716 0 8.34603 0 8.9Z"
fill="currentColor"
/>
<path
class="text-blue-400"
opacity="0.3"
d="M6 15.7V22.3C6 23.4324 7.20672 24.1564 8.20588 23.6235L20.2059 17.2235C20.6947 16.9628 21 16.454 21 15.9V9.29999C21 8.16761 19.7933 7.44357 18.7941 7.97646L6.79412 14.3765C6.30532 14.6371 6 15.146 6 15.7Z"
fill="currentColor"
/>
</svg>
</div>
</template>