mirror of
https://github.com/blitzkit/blitzkit.git
synced 2026-10-21 10:47:04 +02:00
45 lines
3.6 KiB
TypeScript
45 lines
3.6 KiB
TypeScript
import { ComponentProps } from 'react';
|
|
|
|
export function BlitzkitButtonWatermark(props: ComponentProps<'svg'>) {
|
|
return (
|
|
<svg
|
|
width="426"
|
|
height="426"
|
|
viewBox="0 0 426 426"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
{...props}
|
|
>
|
|
<g opacity="0.1" clip-path="url(#clip0_513_262)">
|
|
<path
|
|
d="M416.628 244.997L235.625 372.974C223.13 381.809 202.87 381.809 190.375 372.974L9.37173 244.997C3.1239 240.58 -3.95076e-06 234.79 0 229V196.6L213 54.5L426 196.6V229C426 234.79 422.876 240.58 416.628 244.997Z"
|
|
fill="#8D8D8D"
|
|
/>
|
|
<path
|
|
d="M197.392 97.0371C194.907 95.398 192.778 94.4555 191.007 94.2094C188.967 93.9067 187.181 94.302 185.649 95.3953C184.212 96.4202 183.623 97.5038 183.883 98.6459C184.157 99.7783 185.218 101.003 187.066 102.321C188.804 103.561 190.494 104.279 192.136 104.474C193.779 104.669 195.325 104.25 196.776 103.215C198.158 102.229 198.815 101.077 198.746 99.7593C198.687 98.8011 198.235 97.8936 197.392 97.0371Z"
|
|
fill="white"
|
|
/>
|
|
<path
|
|
d="M220.559 280.9L243.11 264.885C249.975 260.009 253.298 255.223 253.077 250.527C252.857 245.747 249.802 241.265 243.911 237.081C238.079 232.94 231.827 230.812 225.155 230.697C218.483 230.498 211.715 232.837 204.849 237.713L182.299 253.728L220.559 280.9Z"
|
|
fill="white"
|
|
/>
|
|
<path
|
|
d="M164.361 240.989L184.426 226.74C191.232 221.906 194.672 217.371 194.745 213.135C194.759 208.858 192.086 204.816 186.726 201.009C181.424 197.244 175.821 195.408 169.915 195.502C164.01 195.596 157.655 198.059 150.848 202.893L130.784 217.143L164.361 240.989Z"
|
|
fill="white"
|
|
/>
|
|
<path
|
|
fill-rule="evenodd"
|
|
clip-rule="evenodd"
|
|
d="M416.628 180.603L235.625 52.6262C223.13 43.7913 202.87 43.7913 190.375 52.6262L9.37172 180.603C-3.12391 189.438 -3.12391 203.762 9.37173 212.597L190.375 340.574C202.87 349.409 223.13 349.409 235.625 340.574L416.628 212.597C429.124 203.762 429.124 189.438 416.628 180.603ZM214.47 76.4488L228.267 101.781L235 96.9786L220.094 71.0312L215.844 68L194.721 83.0665L199.957 86.8006L214.47 76.4488ZM176 99.6413C176.042 102.326 177.602 104.766 180.681 106.963C183.679 109.101 186.888 110.238 190.31 110.375C193.731 110.512 196.852 109.575 199.671 107.564C202.38 105.631 203.434 103.493 202.832 101.151C202.794 101.004 202.753 100.859 202.707 100.715C204.879 102.845 205.886 104.918 205.727 106.934C205.494 109.697 203.537 112.391 199.856 115.017L199.24 115.456L204.208 119L204.886 118.517C210.606 114.3 213.459 110.059 213.445 105.793C213.431 101.507 210.92 97.578 205.91 94.005L205.11 93.4339C200.484 90.1343 196.097 88.5088 191.95 88.5574C187.804 88.606 184.143 89.7627 180.968 92.0273C177.629 94.409 175.973 96.947 176 99.6413ZM314.916 235.433L217 168.61L238.183 153.593L289.031 187.048L287.043 151.614L310.477 135L312.251 176.987L386.628 184.595L361.645 202.306L313.099 197.085L313.405 204.328L336.099 220.416L314.916 235.433ZM84 222.631L212.655 314L263.704 277.746C277.613 267.868 285.559 257.622 287.543 247.01C289.586 236.355 284.776 226.886 273.112 218.602C264.688 212.62 255.931 209.217 246.841 208.393C237.809 207.528 229.48 208.59 221.853 211.58L221.5 211.329C224.585 206.711 225.488 201.636 224.207 196.102C222.927 190.485 218.723 185.146 211.595 180.084C200.108 171.926 187.601 168.718 174.073 170.46C160.546 172.202 146.709 178.096 132.563 188.142L84 222.631Z"
|
|
fill="white"
|
|
/>
|
|
</g>
|
|
<defs>
|
|
<clipPath id="clip0_513_262">
|
|
<rect width="426" height="426" fill="white" />
|
|
</clipPath>
|
|
</defs>
|
|
</svg>
|
|
);
|
|
}
|