frontend/src/lib/badges/two.svelte

<script lang="ts">
	export let classNames = '';
</script>

<svg
	xmlns="http://www.w3.org/2000/svg"
	xmlns:xlink="http://www.w3.org/1999/xlink"
	fill="none"
	viewBox="0 0 385 450"
	width="385"
	height="450"
	class={classNames}
>
	<defs>
		<path
			id="a"
			fill="#6A2B16"
			d="M372.7 107.8 201.9 7.6a25 25 0 0 0-25.7.2L12 107.7A25 25 0 0 0 0 129v194.2a25 25 0 0 0 12.2 21.5l164.2 97.7a25 25 0 0 0 25.3.2l170.7-98A25 25 0 0 0 385 323V129.3a25 25 0 0 0-12.3-21.5Z"
		/>
	</defs>
	<use xlink:href="#a" />
	<mask
		id="b"
		width="385"
		height="443"
		x="0"
		y="4"
		maskUnits="userSpaceOnUse"
		style="mask-type:alpha"
	>
		<use xlink:href="#a" />
	</mask>
	<g fill="#4D1D0D" mask="url(#b)">
		<path
			d="m-5.5 196 23-34.5L19 196l-23 25-1.5-25Zm394 111.5-21-18-3.5 11 23 25 1.5-18Zm0-60.5c7 0-21-25.5-21-25.5L364 240l23 25s-5.5-18 1.5-18Zm-1.5-71.5-19.5-24-25 14.5 24.5-4.5 19.5 20 .5-6Zm-1.5-59.1c6.7-2.3-28.2-17.1-28.2-17.1l2.8 18.6c18.4 7.4 23.7 10.7 30 16 0 0-11.2-15.1-4.6-17.5ZM-5 279.5c12.8-8 16.3-17.7 23-34.5l-1 14S5 285.5-4 281.5s-1-2-1-2Zm4 61c8-4 14.5-19 23-34.5l4 3.5c-15 18.5-9.5 24-19 40l-8-9Zm240 85c-17 2-12-18-20.5-33.5l-6.5 2.5c15 18.5-7 29.5 2.5 45.5l24.5-14.5Zm-205-62c3-22.5 14.5-19 23-34.5l17.5 11c-15 18.5-30 9-32.5 32.5l-8-9Zm72 41c-1-45.5-4.5-47.5 9-53.5l28.5 3c-8.2 7.6-17 8-24.5 11.5-4 5-8 23-8 39.5l-5-.5Zm177.5-49c6 14-14 38.1 0 49l-7.3 6.5c-15.9-17.8 7-39.5 1.3-52l6-3.5Z"
		/>
	</g>
	<path
		fill="url(#c)"
		d="m355.6 97.5-153.4-90a25 25 0 0 0-25.6.3L29 97.5a25 25 0 0 0-12 21.3v174.5a25 25 0 0 0 12.2 21.5l66.4 39.5a25 25 0 0 0 16.2 3.3l29.7-4c1.2-.2 1.6 1.4.5 1.8l-22.3 9.5a2 2 0 0 0-.3 3.5l57.4 34.1a25 25 0 0 0 25.2.2l153.4-88A25 25 0 0 0 368 293V162.8a2 2 0 0 0-2.3-2l-16 2.6c-1 .2-1.5-1.4-.5-1.9l17.1-8.2a3 3 0 0 0 1.7-2.7v-31.5a25 25 0 0 0-12.4-21.6Z"
	/>
	<g opacity=".3" style="mix-blend-mode:multiply">
		<mask
			id="d"
			width="351"
			height="403"
			x="17"
			y="4"
			maskUnits="userSpaceOnUse"
			style="mask-type:alpha"
		>
			<path
				fill="#C46545"
				d="m355.6 97.5-153.4-90a25 25 0 0 0-25.6.3L29 97.5a25 25 0 0 0-12 21.3v174.5a25 25 0 0 0 12.2 21.5l147.6 87.7a25 25 0 0 0 25.2.2l153.4-88A25 25 0 0 0 368 293V119.1a25 25 0 0 0-12.4-21.6Z"
			/>
		</mask>
		<g fill="#B66D40" mask="url(#d)">
			<path
				d="M399.5 80.5C266 122 87.5 50.5-19 203.5l8 12.5C166.5 93.5 301.8 111.5 399.5 80.5ZM269 32c-112 7-91.5-18-161.5-18L82 32c44.6 12.4 72.4 18.8 198 12.5L269 32Zm-68 125.5c-84.9 24.9-129.3 43-193 96l-10 21c74.6-60.5 118.5-88 203-117ZM64.2 276c-19.7 4.6-62.4 50.4-62.4 50.4C37 299.6 88 279 91.8 293.7c3.8 14.7-32.9 37.8-38.7 37.6C36.4 331 3.7 339 3.7 339s51.7 2.5 59.6 5.1c15.1 4.8 45.4-48.5 65-62.9-1.7-6.5-44.5-9.7-64.1-5.2ZM301 134.5c20.8-4.2 63.1-21 70.5-31.5l5 14.5c-27.2 13.8-44.5 15-75.5 17Zm-177.5 106C242 205.5 306.4 209.2 395 227l-4 27.5c-27.5-19.5-149-38.7-267.5-14Zm98.5 40.2c55.8-4.4 146.7 11.7 152 30.1l10.7-14.6c-51-22.6-87.8-24-162.7-15.5Zm55 88.3c27-39.5-8.5-61.5-106.5-21 67-14 114-18.5 106.5 21Zm-63.3 36c16.4-20.4-5.2-31.8-64.7-10.9 40.7-7.2 69.2-9.5 64.7 10.9Z"
			/>
		</g>
	</g>
	<path
		fill="#98492E"
		d="M249 68.5c0-1-.2-1.8-.6-2.6-2.8-5.5-6.9-10-12-13.3a32.3 32.3 0 0 0-18.7-5.6H165a34 34 0 0 0-30.6 19c-.3.7-.5 1.6-.5 2.4v76.4a6 6 0 0 0 6 6h36.8a6 6 0 0 0 6-6v-40a6 6 0 0 1 6-6h5.4a6 6 0 0 1 6 6v57.3a6 6 0 0 1-6 6h-29c-7 0-13.3 2-18.9 5.6a35 35 0 0 0-11.7 13.4c-.4.8-.6 1.6-.6 2.5v113c0 .8.2 1.6.6 2.4 3 6 7.5 10.8 13.4 14.3.8.5 1.8.7 2.8.7H243a6 6 0 0 0 6-6v-70.5a6 6 0 0 0-6-6h-36.8a6 6 0 0 0-6 6V266a6 6 0 0 1-6 6h-5.4a6 6 0 0 1-6-6v-40a6 6 0 0 1 6-6h28.9a32 32 0 0 0 18.6-5.5c5.2-3.5 9.2-8 12-13.4.5-.8.7-1.6.7-2.5V68.5Z"
	/>
	<path
		fill="#FFD193"
		d="M249 58.5c0-1-.2-1.8-.6-2.6-2.8-5.5-6.9-10-12-13.3a32.3 32.3 0 0 0-18.7-5.6H165a34 34 0 0 0-30.6 19c-.3.7-.5 1.6-.5 2.4v76.4a6 6 0 0 0 6 6h36.8a6 6 0 0 0 6-6v-40a6 6 0 0 1 6-6h5.4a6 6 0 0 1 6 6v57.3a6 6 0 0 1-6 6h-29c-7 0-13.3 2-18.9 5.6a35 35 0 0 0-11.7 13.4c-.4.8-.6 1.6-.6 2.5v113c0 .8.2 1.6.6 2.4 3 6 7.5 10.8 13.4 14.3.8.5 1.8.7 2.8.7H243a6 6 0 0 0 6-6v-70.5a6 6 0 0 0-6-6h-36.8a6 6 0 0 0-6 6V256a6 6 0 0 1-6 6h-5.4a6 6 0 0 1-6-6v-40a6 6 0 0 1 6-6h28.9a32 32 0 0 0 18.6-5.5c5.2-3.5 9.2-8 12-13.4.5-.8.7-1.6.7-2.5V58.5Z"
	/>
	<defs>
		<linearGradient
			id="c"
			x1="107.5"
			x2="208.5"
			y1="-13.5"
			y2="446.5"
			gradientUnits="userSpaceOnUse"
		>
			<stop stop-color="#EEB657" />
			<stop offset="1" stop-color="#B65841" />
		</linearGradient>
	</defs>
</svg>