generated from boboko/starter
54 lines
11 KiB
PHP
54 lines
11 KiB
PHP
|
@props([
|
||
|
|
'name',
|
||
|
|
'height' => 24,
|
||
|
|
])
|
||
|
|
|
||
|
|
@php
|
||
|
|
$icons = [
|
||
|
|
|
||
|
|
'gpay' => [
|
||
|
|
'viewBox' => '0 0 59 24',
|
||
|
|
'paths' => '<path fill-rule="evenodd" clip-rule="evenodd" d="M34.4747 2.73453C33.4828 1.71843 32.1038 1.18619 30.6764 1.21038H24.7976V18.7259H27.0233V11.6375H30.6764C32.1764 11.6375 33.4586 11.1294 34.4747 10.1375L34.7166 9.89558C36.6279 7.8392 36.4827 4.64576 34.4747 2.73453ZM32.9264 8.56498C32.3699 9.1698 31.5716 9.5085 30.7248 9.48431H27.0233V3.36354H30.749C31.5474 3.36354 32.2974 3.67805 32.878 4.23448C34.0634 5.39573 34.0876 7.35534 32.9264 8.56498Z" fill="#3C4043"/><path fill-rule="evenodd" clip-rule="evenodd" d="M41.2003 6.36344C39.0955 6.36344 37.4988 7.13761 36.4585 8.68594L38.4181 9.91978C39.1439 8.85529 40.1116 8.32305 41.3455 8.32305C42.1196 8.32305 42.8938 8.61337 43.4744 9.14561C44.055 9.67785 44.3937 10.4036 44.3937 11.1536V11.6617C43.547 11.1778 42.4583 10.9359 41.1519 10.9359C39.6036 10.9359 38.3697 11.2988 37.4504 12.0487C36.5069 12.7987 36.0472 13.7664 36.0472 15.0244C36.023 16.1615 36.4827 17.226 37.3536 17.9518C38.2246 18.7259 39.3133 19.1372 40.6197 19.1372C42.1438 19.1372 43.3535 18.4598 44.2728 17.0808H44.3695V18.7501H46.4985V11.3471C46.4985 9.79881 46.0388 8.56498 45.0711 7.69404C44.1034 6.8231 42.8212 6.36344 41.2003 6.36344ZM43.2809 16.0647C42.6035 16.7421 41.7083 17.105 40.789 17.105C40.16 17.1292 39.5552 16.9115 39.0471 16.5244C38.5875 16.1857 38.3214 15.6535 38.3214 15.0486C38.3214 14.3954 38.6359 13.839 39.2165 13.4035C39.8213 12.9923 40.5955 12.7745 41.4906 12.7745C42.7244 12.7503 43.6922 13.0406 44.3937 13.5971C44.3695 14.5406 44.0067 15.3631 43.2809 16.0647Z" fill="#3C4043"/><path fill-rule="evenodd" clip-rule="evenodd" d="M56.2724 6.75052L52.837 15.3631H52.7886L49.2807 6.75052H46.8614L51.7241 17.976L48.9662 24H51.2645L58.6675 6.75052H56.2724Z" fill="#3C4043"/><path d="M19.4405 10.2871C19.4405 9.60224 19.3854 8.91742 19.2752 8.24658H9.92163V12.1179H15.2803C15.0599 13.3617 14.3436 14.4798 13.2966 15.1786V17.6943H16.4926C18.3661 15.9473 19.4405 13.3617 19.4405 10.2871Z" fill="#4285F4"/><path d="M9.92214 20.1258C12.5946 20.1258 14.8538 19.2313 16.4931 17.694L13.2972 15.1783C12.4017 15.7933 11.2584 16.1426 9.92214 16.1426C7.33233 16.1426 5.14202 14.3677 4.35681 11.9918H1.06445V14.5913C2.74507 17.9875 6.17519 20.1258 9.92214 20.1258Z" fill="#34A853"/><path d="M4.35721 11.9919C3.94388 10.7481 3.94388 9.39243 4.35721 8.1346V5.54907H1.06433C-0.354777 8.38617 -0.354777 11.7404 1.06433 14.5775L4.35721 11.9919Z" fill="#FBBC04"/><path d="M9.92214 3.98372C11.341 3.95577 12.7048 4.50083 13.7242 5.49311L16.562 2.61409C14.7574 0.909038 12.388 -0.0273434 9.92214 0.000608242C6.17519 0.000608242 2.74507 2.15289 1.06445 5.54902L4.35681 8.14853C5.14202 5.75866 7.33233 3.98372 9.92214 3.98372Z" fill="#EA4335"/>',
|
||
|
|
],
|
||
|
|
|
||
|
|
'applepay' => [
|
||
|
|
'viewBox' => '0 0 60 24',
|
||
|
|
'paths' => '<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9637 3.08637C10.2491 3.91555 9.14025 4.53743 8.00674 4.4453C7.85889 3.36276 8.42565 2.1881 9.06632 1.47409C9.75628 0.644914 10.9883 0.0460653 11.9986 0C12.1218 1.15163 11.6537 2.2572 10.9637 3.08637Z" fill="black"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.974 4.67562C10.9883 4.60653 10.0766 4.95202 9.36202 5.22841C8.89383 5.41267 8.47493 5.5739 8.17923 5.5739C7.83425 5.5739 7.41535 5.41267 6.94716 5.22841C6.35577 4.99808 5.66581 4.72169 4.92657 4.74472C3.25096 4.76775 1.69856 5.68906 0.836109 7.16315C-0.913428 10.1113 0.367923 14.4645 2.06818 16.8599C2.90598 18.0576 3.91628 19.3474 5.22227 19.3013C5.78902 19.2783 6.20792 19.1171 6.65147 18.9328C7.1443 18.7255 7.66176 18.5182 8.47493 18.5182C9.23881 18.5182 9.73164 18.7255 10.2245 18.9328C10.6434 19.1171 11.0623 19.3013 11.7029 19.2783C13.0582 19.2553 13.9207 18.0806 14.7585 16.906C15.6456 15.6392 16.0398 14.3954 16.1137 14.1881V14.1651C16.1137 14.1651 16.0891 14.1651 16.0891 14.142C15.7934 14.0038 13.5018 12.9904 13.4771 10.2495C13.4525 7.94626 15.3006 6.77159 15.5963 6.58733C15.6209 6.58733 15.6209 6.5643 15.6209 6.5643C14.4381 4.90595 12.6147 4.72169 11.974 4.67562Z" fill="black"/><path fill-rule="evenodd" clip-rule="evenodd" d="M28.2373 1.35893H21.387V19.1631H24.2208V13.0595H28.1387C31.7364 13.0595 34.2498 10.6641 34.2498 7.18618C34.2498 3.70825 31.7857 1.35893 28.2373 1.35893ZM27.4981 10.7562H24.2208V3.68522H27.4981C29.9622 3.68522 31.3667 4.97505 31.3667 7.20921C31.3667 9.44338 29.9622 10.7562 27.4981 10.7562Z" fill="black"/><path fill-rule="evenodd" clip-rule="evenodd" d="M40.9522 6.08061C37.946 6.08061 35.7036 7.762 35.6297 10.0653H38.1924C38.4142 8.95969 39.4491 8.24568 40.8783 8.24568C42.6032 8.24568 43.5889 9.02879 43.5889 10.4798V11.4702L40.0405 11.6775C36.7386 11.8618 34.9644 13.1747 34.9644 15.4779C34.9644 17.7812 36.8125 19.3244 39.4491 19.3244C41.2233 19.3244 42.8743 18.4491 43.6381 17.0441H43.6874V19.1862H46.324V10.2956C46.2994 7.73896 44.2049 6.08061 40.9522 6.08061ZM43.5889 14.3263C43.5889 15.9846 42.135 17.1823 40.213 17.1823C38.7099 17.1823 37.7489 16.4683 37.7489 15.3858C37.7489 14.2572 38.6852 13.6123 40.4348 13.5202L43.5889 13.3359V14.3263Z" fill="black"/><path fill-rule="evenodd" clip-rule="evenodd" d="M55.0224 19.8541C53.8889 22.9635 52.583 24 49.8231 24C49.6013 24 48.9114 23.977 48.7389 23.9309V21.7889C48.9114 21.8119 49.3549 21.8349 49.5767 21.8349C50.8334 21.8349 51.5234 21.3282 51.9669 19.9923L52.2133 19.2092L47.4083 6.24184H50.3652L53.7165 16.7447H53.7657L57.117 6.24184H60L55.0224 19.8541Z" fill="black"/>',
|
||
|
|
],
|
||
|
|
|
||
|
|
'visa' => [
|
||
|
|
'viewBox' => '0 0 63 20',
|
||
|
|
'paths' => '<path fill-rule="evenodd" clip-rule="evenodd" d="M18.4896 0.449865L13.0729 13.5709L10.9635 2.37429C10.8073 1.3246 9.92188 0.424873 8.69792 0.424873H0V1.02469C1.79688 1.3246 3.46354 1.92442 4.94792 2.6742C5.54688 2.97411 5.96354 3.59892 6.14583 4.3237L10.2083 19.844H15.625L23.75 0.449865H18.4896Z" fill="#172B85"/><path fill-rule="evenodd" clip-rule="evenodd" d="M25.8333 0.449865L21.6406 19.844H26.7448L30.9635 0.449865H25.8333Z" fill="#172B85"/><path fill-rule="evenodd" clip-rule="evenodd" d="M37.5521 5.82325C37.7083 4.77357 38.5938 4.17375 39.6615 4.17375C41.3021 4.02379 43.125 4.3237 44.6094 5.07348L45.5208 0.89973C44.0104 0.29991 42.3698 0 40.8594 0C35.9115 0 32.2917 2.6742 32.2917 6.42307C32.2917 9.24723 34.8438 10.7468 36.6406 11.6465C38.5938 12.5462 39.349 13.1461 39.1927 14.0208C39.1927 15.3704 37.6823 15.9702 36.1979 15.9702C34.401 15.9702 32.5781 15.5203 30.9375 14.7706L30.026 18.9443C31.849 19.6941 33.8021 19.994 35.599 19.994C41.1458 20.144 44.6094 17.4698 44.6094 13.421C44.6354 8.3475 37.5521 8.04759 37.5521 5.82325Z" fill="#172B85"/><path fill-rule="evenodd" clip-rule="evenodd" d="M58.4375 0.449865H54.0885C53.1771 0.449865 52.2917 1.04969 51.9792 1.94942L44.4792 19.844H49.7396L50.7812 17.0199H57.2396L57.8385 19.844H62.5L58.4375 0.449865ZM52.1354 12.9711L54.8438 5.6733L56.3542 12.9711H52.1354Z" fill="#172B85"/>',
|
||
|
|
],
|
||
|
|
|
||
|
|
'mastercard' => [
|
||
|
|
'viewBox' => '0 0 50 30',
|
||
|
|
'paths' => '<circle cx="35" cy="15" r="15" fill="#F9A000"/><circle cx="15" cy="15" r="15" fill="#ED0006"/>',
|
||
|
|
],
|
||
|
|
|
||
|
|
'klarna' => [
|
||
|
|
'viewBox' => '0 0 70 16',
|
||
|
|
'paths' => '<path d="M3.505 0H0V15.6925H3.505V0Z" fill="#17120F"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.249 0H8.81784C8.81784 2.89008 7.52652 5.5342 5.27594 7.26825L3.92314 8.3136L9.18678 15.6925H13.5158L8.67026 8.90392C10.9577 6.55496 12.249 3.39431 12.249 0Z" fill="#17120F"/><path d="M17.8324 0H14.5242V15.6802H17.8324V0Z" fill="#17120F"/><path fill-rule="evenodd" clip-rule="evenodd" d="M27.8309 5.53421C26.9331 4.907 25.8632 4.53805 24.6948 4.53805C21.6203 4.53805 19.1237 7.09608 19.1237 10.269C19.1237 13.4297 21.6203 16 24.6948 16C25.8509 16 26.9331 15.6311 27.8309 15.0038V15.6925H30.9915V4.83321H27.8309V5.53421ZM24.9531 13.0484C23.3666 13.0484 22.0876 11.794 22.0876 10.2567C22.0876 8.71945 23.3666 7.46503 24.9531 7.46503C26.5396 7.46503 27.8186 8.71945 27.8186 10.2567C27.8186 11.794 26.5396 13.0484 24.9531 13.0484Z" fill="#17120F"/><path fill-rule="evenodd" clip-rule="evenodd" d="M61.1591 5.53421C60.2614 4.907 59.1914 4.53805 58.0231 4.53805C54.9485 4.53805 52.452 7.09608 52.452 10.269C52.452 13.4297 54.9485 16 58.0231 16C59.1914 16 60.2614 15.6311 61.1591 15.0038V15.6925H64.3198V4.83321H61.1591V5.53421ZM58.2937 13.0484C56.7072 13.0484 55.4282 11.794 55.4282 10.2567C55.4282 8.71945 56.7072 7.46503 58.2937 7.46503C59.8801 7.46503 61.1591 8.71945 61.1591 10.2567C61.1591 11.794 59.8678 13.0484 58.2937 13.0484Z" fill="#17120F"/><path fill-rule="evenodd" clip-rule="evenodd" d="M67.6772 11.8432C66.5826 11.8432 65.6971 12.7533 65.6971 13.8847C65.6971 15.0161 66.5826 15.9262 67.6772 15.9262C68.7717 15.9262 69.6572 15.0161 69.6572 13.8847C69.6572 12.7533 68.7717 11.8432 67.6772 11.8432Z" fill="#17120F"/><path fill-rule="evenodd" clip-rule="evenodd" d="M46.844 4.55036C45.5773 4.55036 44.3843 4.9562 43.5849 6.06304V4.83322H40.4366V15.6803H43.6218V9.98618C43.6218 8.33821 44.7041 7.52653 45.9954 7.52653C47.3851 7.52653 48.1845 8.37511 48.1845 9.96158V15.6803H51.3451V8.79325C51.3451 6.25981 49.3897 4.55036 46.844 4.55036Z" fill="#17120F"/><path fill-rule="evenodd" clip-rule="evenodd" d="M35.8739 6.24749V4.8332H32.6395V15.6802H35.8862V10.6257C35.8862 8.91621 37.6941 7.99384 38.9362 7.99384H38.9854V4.8332C37.6941 4.8332 36.5134 5.39891 35.8739 6.24749Z" fill="#17120F"/>',
|
||
|
|
],
|
||
|
|
|
||
|
|
'paypal' => [
|
||
|
|
'viewBox' => '0 0 31 36',
|
||
|
|
'paths' => '<path d="M27.4956 9.14636C27.4623 9.35989 27.4241 9.5782 27.3812 9.80247C25.9053 17.379 20.8568 19.9964 14.4087 19.9964H11.1257C10.3373 19.9964 9.6728 20.569 9.54986 21.3468L7.86889 32.0072L7.39292 35.0289C7.31291 35.5395 7.7068 36 8.22191 36H14.045C14.7346 36 15.3201 35.499 15.4286 34.8191L15.486 34.523L16.5825 27.5656L16.6529 27.1841C16.76 26.5018 17.3469 26.0007 18.0364 26.0007H18.9073C24.5488 26.0007 28.9654 23.7102 30.2562 17.082C30.7954 14.3131 30.5162 12.0011 29.0893 10.3751C28.6577 9.88479 28.1219 9.47799 27.4956 9.14636Z" fill="#179BD7"/><path d="M25.9514 8.5315C25.7261 8.46588 25.4933 8.40623 25.2547 8.35255C25.015 8.30008 24.7691 8.25355 24.5163 8.21299C23.631 8.06983 22.6612 8.00183 21.6221 8.00183H12.8515C12.6355 8.00183 12.4305 8.05073 12.2468 8.13902C11.8422 8.33346 11.5418 8.71643 11.469 9.18524L9.60289 21.0028L9.54932 21.3475C9.67226 20.5697 10.3367 19.9971 11.1252 19.9971H14.4082C20.8563 19.9971 25.9051 17.3785 27.3807 9.8032C27.4246 9.57892 27.4617 9.36062 27.495 9.14709C27.1217 8.94905 26.7172 8.77965 26.2818 8.63528C26.1746 8.5995 26.0637 8.56491 25.9514 8.5315Z" fill="#222D65"/><path d="M11.469 9.18464C11.5418 8.71578 11.8426 8.33285 12.2468 8.13958C12.4319 8.05129 12.6359 8.00239 12.8516 8.00239H21.6225C22.6616 8.00239 23.6314 8.07039 24.5164 8.21355C24.7695 8.25411 25.0153 8.30064 25.255 8.35311C25.4937 8.40682 25.7262 8.46647 25.9518 8.53206C26.0638 8.56547 26.1747 8.60006 26.2832 8.63467C26.7186 8.779 27.1232 8.94961 27.4965 9.14645C27.9357 6.34656 27.493 4.44021 25.9793 2.71397C24.3103 0.813597 21.298 0 17.4436 0H6.25336C5.46593 0 4.79457 0.572595 4.67266 1.35161L0.0119593 30.8954C-0.0800735 31.4799 0.370819 32.0073 0.960104 32.0073H7.86874L9.60329 21.0021L11.469 9.18464Z" fill="#253B80"/>',
|
||
|
|
],
|
||
|
|
|
||
|
|
];
|
||
|
|
|
||
|
|
$icon = $icons[$name] ?? null;
|
||
|
|
@endphp
|
||
|
|
|
||
|
|
@if($icon)
|
||
|
|
<svg
|
||
|
|
xmlns="http://www.w3.org/2000/svg"
|
||
|
|
viewBox="{{ $icon['viewBox'] }}"
|
||
|
|
fill="none"
|
||
|
|
style="height: {{ $height }}px; width: auto;"
|
||
|
|
aria-hidden="true"
|
||
|
|
{{ $attributes }}
|
||
|
|
>{!! $icon['paths'] !!}</svg>
|
||
|
|
@endif
|