<template>
	<div>
		<svg
			xmlns="http://www.w3.org/2000/svg"
			height="1em"
			:style="{
				fill: color ? color : 'black',
				width: size ? size : '1em',
				height: size ? size : '1em',
			}"
			viewBox="0 0 448 512"
		>
			<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
			<path
				d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"
			/>
		</svg>
	</div>
</template>

<script setup lang="ts">
defineProps<{
		color?: string;
		size?: string;
	}>();
</script>

<style scoped></style>
