myprestarocks
ed8559e418
- sprites/payments.svg: Visa, Mastercard, Amex, PayPal, Stripe, Apple Pay, Google Pay, Klarna, iDEAL, Bancontact, SEPA - sprites/socials.svg: Facebook, Twitter/X, Instagram, LinkedIn, YouTube, TikTok, Pinterest, WhatsApp, Telegram - Updated README with sprite usage documentation Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
95 lines
6.6 KiB
XML
95 lines
6.6 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" style="display:none">
|
|
<!-- Visa -->
|
|
<symbol id="visa" viewBox="0 0 38 24">
|
|
<rect width="38" height="24" rx="3" fill="#fff"/>
|
|
<path fill="#1A1F71" d="M15.3 15.9h-2.4l1.5-9.3h2.4l-1.5 9.3zm10.2-9.1c-.5-.2-1.2-.4-2.2-.4-2.4 0-4.1 1.3-4.1 3.1 0 1.4 1.2 2.1 2.2 2.6 1 .5 1.3.8 1.3 1.2 0 .7-.8 1-1.5 1-1 0-1.6-.2-2.4-.5l-.3-.2-.4 2.2c.6.3 1.7.5 2.9.5 2.6 0 4.2-1.3 4.3-3.2 0-1.1-.6-1.9-2-2.6-.9-.4-1.4-.7-1.4-1.2 0-.4.4-.8 1.4-.8.8 0 1.4.2 1.8.4l.2.1.4-2.2zM29 15.9h2l-1.8-9.3h-1.9c-.4 0-.8.2-1 .7l-3.6 8.6h2.6l.5-1.4h3.1l.1 1.4zm-2.7-3.4l1.3-3.5.7 3.5h-2zm-13.5-5.9l-2.4 6.4-.3-1.3c-.5-1.6-2-3.4-3.6-4.3l2.2 8.5h2.6l3.9-9.3h-2.4z"/>
|
|
<path fill="#F9A533" d="M7.3 6.6H3.5l-.1.3c3 .8 5 2.7 5.9 5l-.8-4.3c-.2-.7-.6-1-1.2-1z"/>
|
|
</symbol>
|
|
|
|
<!-- Mastercard -->
|
|
<symbol id="mastercard" viewBox="0 0 38 24">
|
|
<rect width="38" height="24" rx="3" fill="#fff"/>
|
|
<circle cx="15" cy="12" r="7" fill="#EA001B"/>
|
|
<circle cx="23" cy="12" r="7" fill="#F79E1B"/>
|
|
<path fill="#FF5F00" d="M19 7.4c-1.7 1.3-2.8 3.3-2.8 5.6s1.1 4.3 2.8 5.6c1.7-1.3 2.8-3.3 2.8-5.6s-1.1-4.3-2.8-5.6z"/>
|
|
</symbol>
|
|
|
|
<!-- American Express -->
|
|
<symbol id="amex" viewBox="0 0 38 24">
|
|
<rect width="38" height="24" rx="3" fill="#006FCF"/>
|
|
<path fill="#fff" d="M8.5 11.6l-.8-2-.8 2h1.6zm17.1-1.8h-2.4v.9h2.3v1.4h-2.3v1h2.5l1.1-1.7-1.2-1.6zm-7.5 0h-1.4l-1.1 1.5-1-1.5H12v3.3l-1.6-3.3H8.6L6.4 14h1.5l.4-.9h2.3l.4.9h2.6v-2.6l1.2 2.6h1l1.2-2.6v2.6h1.5v-4.2zm9.2 0l-1.4 2-1.5-2h-1.7l2.3 3v1.2h1.6v-1.2l2.4-3h-1.7z"/>
|
|
</symbol>
|
|
|
|
<!-- PayPal -->
|
|
<symbol id="paypal" viewBox="0 0 38 24">
|
|
<rect width="38" height="24" rx="3" fill="#fff"/>
|
|
<path fill="#003087" d="M14.8 7h-4.5c-.3 0-.6.2-.6.5l-1.8 11.5c0 .2.2.4.4.4h2.2c.3 0 .6-.2.6-.5l.5-3.2c0-.3.3-.5.6-.5h1.5c2.9 0 4.6-1.4 5-4.2.2-1.2 0-2.1-.5-2.8-.6-.8-1.7-1.2-3.4-1.2z"/>
|
|
<path fill="#003087" d="M15.4 10.8c-.2 1.6-1.3 1.6-2.4 1.6h-.6l.4-2.7c0-.2.2-.3.4-.3h.3c.7 0 1.4 0 1.8.4.2.3.3.6.1 1z"/>
|
|
<path fill="#009CDE" d="M25.3 10.7h-2.2c-.2 0-.3.1-.4.3l-.1.6-.1-.2c-.4-.6-1.4-.8-2.3-.8-2.2 0-4 1.6-4.4 3.9-.2 1.2.1 2.3.7 3 .6.7 1.4 1 2.4 1 1.7 0 2.6-1.1 2.6-1.1l-.1.5c0 .2.2.4.4.4h2c.3 0 .6-.2.6-.5l1.2-7.6c.1-.3-.1-.5-.3-.5z"/>
|
|
<path fill="#009CDE" d="M22.1 13.7c-.2 1.1-1.1 1.9-2.3 1.9-.6 0-1-.2-1.3-.5-.3-.3-.4-.8-.3-1.3.2-1.1 1.1-1.9 2.2-1.9.6 0 1 .2 1.3.5.3.4.4.8.4 1.3z"/>
|
|
</symbol>
|
|
|
|
<!-- Stripe -->
|
|
<symbol id="stripe" viewBox="0 0 38 24">
|
|
<rect width="38" height="24" rx="3" fill="#6772E5"/>
|
|
<path fill="#fff" d="M17.6 10.5c0-.6.5-.9 1.3-.9.7 0 1.6.2 2.3.6V8c-.8-.3-1.5-.4-2.3-.4-1.9 0-3.1 1-3.1 2.6 0 2.6 3.5 2.2 3.5 3.3 0 .7-.6 1-1.4 1-.8 0-1.8-.3-2.6-.8v2.2c.9.4 1.8.6 2.6.6 1.9 0 3.2-1 3.2-2.6 0-2.8-3.5-2.3-3.5-3.4z"/>
|
|
</symbol>
|
|
|
|
<!-- Apple Pay -->
|
|
<symbol id="applepay" viewBox="0 0 38 24">
|
|
<rect width="38" height="24" rx="3" fill="#000"/>
|
|
<path fill="#fff" d="M13.1 8.2c-.3.4-.8.7-1.3.6-.1-.5.2-1 .4-1.3.3-.4.8-.6 1.2-.7.1.5-.1 1-.3 1.4zm.3.7c-.7 0-1.4.4-1.7.4-.4 0-.9-.4-1.5-.4-.8 0-1.5.5-1.9 1.2-.8 1.4-.2 3.4.6 4.5.4.6.9 1.2 1.5 1.2.6 0 .8-.4 1.5-.4.7 0 .9.4 1.5.4.7 0 1.1-.6 1.5-1.1.5-.7.7-1.3.7-1.4-.1 0-1.3-.5-1.3-1.9 0-1.2 1-1.8 1-1.8-.5-.8-1.4-.9-1.7-.9l-.2.2zm6.9-1.3v8.1h1.3v-2.8h1.7c1.6 0 2.7-1.1 2.7-2.7 0-1.5-1.1-2.6-2.6-2.6h-3.1zm1.3 1.1h1.4c1.1 0 1.7.6 1.7 1.6 0 1-.6 1.6-1.7 1.6h-1.4V8.7zm7.1 7.1c.8 0 1.6-.4 1.9-1.1h0v1h1.2v-4c0-1.2-.9-2-2.4-2-1.4 0-2.4.8-2.4 1.9h1.2c.1-.6.6-.9 1.2-.9.8 0 1.2.4 1.2 1v.5l-1.6.1c-1.5.1-2.3.7-2.3 1.8 0 1 .8 1.7 2 1.7zm.3-1c-.7 0-1.1-.3-1.1-.8 0-.6.4-.9 1.3-.9l1.4-.1v.5c0 .8-.7 1.3-1.6 1.3z"/>
|
|
</symbol>
|
|
|
|
<!-- Google Pay -->
|
|
<symbol id="googlepay" viewBox="0 0 38 24">
|
|
<rect width="38" height="24" rx="3" fill="#fff"/>
|
|
<path fill="#5F6368" d="M18.5 12.5v2.4h-.8v-6h2.1c.5 0 1 .2 1.4.5.4.4.6.8.6 1.3s-.2 1-.6 1.3c-.4.4-.9.5-1.4.5h-1.3zm0-2.8v2h1.4c.3 0 .6-.1.8-.3.4-.4.4-1 0-1.4-.2-.2-.5-.3-.8-.3h-1.4z"/>
|
|
<path fill="#5F6368" d="M23.6 10.5c.6 0 1 .2 1.4.5.4.3.5.8.5 1.4v2.5h-.7v-.6h0c-.3.5-.8.7-1.3.7-.5 0-.9-.1-1.2-.4-.3-.3-.5-.6-.5-1 0-.5.2-.8.5-1.1.3-.3.8-.4 1.4-.4.5 0 .9.1 1.2.3v-.2c0-.3-.1-.5-.3-.7-.2-.2-.5-.3-.8-.3-.4 0-.8.2-1 .5l-.7-.4c.4-.5.9-.8 1.5-.8zm-1.1 2.9c0 .2.1.4.3.5.2.1.4.2.6.2.4 0 .7-.1.9-.4.3-.2.4-.5.4-.9-.2-.2-.6-.3-1-.3-.3 0-.6.1-.8.2-.3.2-.4.4-.4.7z"/>
|
|
<path fill="#5F6368" d="M29.2 10.6l-2.4 5.5h-.8l.9-1.9-1.6-3.6h.9l1.1 2.7h0l1.1-2.7h.8z"/>
|
|
<path fill="#4285F4" d="M13.3 12c0-.3 0-.6-.1-.9h-3.5v1.6h2c-.1.5-.4.9-.8 1.2v1h1.3c.7-.7 1.1-1.7 1.1-2.9z"/>
|
|
<path fill="#34A853" d="M9.7 15c1.1 0 2-.4 2.7-1l-1.3-1c-.4.2-.8.4-1.4.4-.5 0-1-.2-1.4-.5-.4-.3-.6-.7-.7-1.2H7.2v1c.7 1.4 2 2.3 2.5 2.3z"/>
|
|
<path fill="#FBBC04" d="M7.6 11.7c-.1-.3-.1-.5-.1-.8 0-.3 0-.6.1-.8V9h-1.4c-.3.6-.4 1.2-.4 1.9s.2 1.3.4 1.9l1.4-1.1z"/>
|
|
<path fill="#EA4335" d="M9.7 8.6c.6 0 1.1.2 1.5.6l1.1-1.1c-.7-.6-1.6-1-2.6-1-1.5 0-2.8.9-2.5 2.3l1.4 1.1c.3-.9 1.2-1.9 1.1-1.9z"/>
|
|
</symbol>
|
|
|
|
<!-- Klarna -->
|
|
<symbol id="klarna" viewBox="0 0 38 24">
|
|
<rect width="38" height="24" rx="3" fill="#FFB3C7"/>
|
|
<path fill="#0A0B09" d="M10.5 7h2v10h-2V7zm3.8 0c0 2.2-.8 4.2-2.2 5.8l3.8 4.2h-2.6L10 13l.7-.6c1.6-1.3 2.6-3.2 2.6-5.4h1zm4.8 6.3c-.7 0-1.2.6-1.2 1.2 0 .7.5 1.2 1.2 1.2s1.2-.5 1.2-1.2c0-.6-.5-1.2-1.2-1.2zm7.4-6.3h-2v10h2V7zm-4.7 3.5c0-1-.8-1.8-1.8-1.8s-1.8.8-1.8 1.8v5.5h2v-5.3c0-.2.2-.4.4-.4s.4.2.4.4v5.3h2v-5.5h-1.2zm7.5 0c0-1-.8-1.8-1.8-1.8s-1.8.8-1.8 1.8v5.5h2v-5.3c0-.2.2-.4.4-.4s.4.2.4.4v5.3h2v-5.5h-1.2z"/>
|
|
</symbol>
|
|
|
|
<!-- iDEAL -->
|
|
<symbol id="ideal" viewBox="0 0 38 24">
|
|
<rect width="38" height="24" rx="3" fill="#fff"/>
|
|
<path fill="#C06" d="M8 6h22v12H8z"/>
|
|
<path fill="#fff" d="M10 8h18v8H10z"/>
|
|
<path fill="#000" d="M13 11h2v3h-2z"/>
|
|
<path fill="#C06" d="M16 11h1v3h-1zm2 0h3c1 0 2 .5 2 1.5s-1 1.5-2 1.5h-3v-3z"/>
|
|
</symbol>
|
|
|
|
<!-- Bancontact -->
|
|
<symbol id="bancontact" viewBox="0 0 38 24">
|
|
<rect width="38" height="24" rx="3" fill="#fff"/>
|
|
<path fill="#005498" d="M6 6h13v12H6z"/>
|
|
<path fill="#FFD800" d="M19 6h13v12H19z"/>
|
|
<circle cx="19" cy="12" r="4" fill="#fff"/>
|
|
</symbol>
|
|
|
|
<!-- SEPA -->
|
|
<symbol id="sepa" viewBox="0 0 38 24">
|
|
<rect width="38" height="24" rx="3" fill="#fff"/>
|
|
<rect x="4" y="6" width="30" height="12" rx="1" fill="#2E4A9D"/>
|
|
<path fill="#FFD617" d="M12 12l4-3v6z"/>
|
|
<circle cx="22" cy="12" r="3" fill="#FFD617"/>
|
|
</symbol>
|
|
|
|
<!-- Generic Card -->
|
|
<symbol id="card" viewBox="0 0 38 24">
|
|
<rect width="38" height="24" rx="3" fill="#E6E6E6"/>
|
|
<rect x="4" y="8" width="8" height="6" rx="1" fill="#B3B3B3"/>
|
|
<rect x="4" y="16" width="12" height="2" rx="1" fill="#B3B3B3"/>
|
|
<rect x="26" y="16" width="8" height="2" rx="1" fill="#B3B3B3"/>
|
|
</symbol>
|
|
</svg>
|