<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>
