Swisscom Pay

ブランド / 表示名

Swisscom Pay

カテゴリ

金融・決済

公式カラー (HEX / RGB / HSL)

#0019CErgb(0, 25, 206) · hsl(233, 100%, 40%)

WCAG コントラストとファイルサイズ

白背景 10.3:1 · 黒背景 1.9:1 · 7.7 KB

<svg width="120" height="80" viewBox="0 0 120 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="120" height="80" rx="4" fill="white"/>
<path d="M66.9498 66.6518C64.9498 66.6518 63.5498 65.6518 63.5498 63.1518C63.5498 61.1518 64.7498 59.5518 67.2498 59.5518C67.7959 59.5638 68.3364 59.6651 68.8498 59.8518L68.5498 61.2518C68.0498 61.0518 67.7498 60.9518 67.2498 60.9518C65.9498 60.9518 65.4498 61.8518 65.4498 63.0518C65.4498 64.3518 65.9498 65.0518 67.1498 65.0518C67.7498 65.0518 68.1498 65.0518 68.5498 64.8518L68.7498 66.2518C68.1891 66.5235 67.5728 66.6605 66.9498 66.6518ZM50.4498 58.7518C51.1498 58.7518 51.6498 58.3518 51.6498 57.7518C51.6498 57.0518 51.1498 56.6518 50.4498 56.6518C50.1846 56.6518 49.9302 56.7572 49.7427 56.9447C49.5552 57.1323 49.4498 57.3866 49.4498 57.6518C49.4498 58.3518 49.9498 58.7518 50.4498 58.7518ZM49.4498 66.4518H51.2498V59.7518C50.4498 59.7518 49.5498 59.8518 49.5498 61.1518V66.4518H49.4498ZM72.6498 61.0518C71.8498 61.0518 71.0498 61.5518 71.0498 63.0518C71.0498 64.3518 71.5498 65.0518 72.5498 65.0518C73.5498 65.0518 74.1498 64.4518 74.1498 63.0518C74.1498 61.7518 73.6498 61.0518 72.6498 61.0518ZM72.5498 66.6518C70.5498 66.6518 69.2498 65.6518 69.2498 63.1518C69.2498 61.0518 70.6498 59.4518 72.7498 59.4518C74.7498 59.4518 75.9498 60.5518 75.9498 62.9518C75.9498 65.1518 74.5498 66.6518 72.5498 66.6518ZM37.2498 61.1518C36.9498 60.9518 36.2498 60.7518 35.9498 60.7518C35.3498 60.7518 34.9498 60.8518 34.9498 61.3518C34.9498 62.5518 37.9498 61.8518 37.9498 64.3518C37.9498 65.9518 36.6498 66.5518 35.1498 66.5518C34.4721 66.5492 33.7984 66.4481 33.1498 66.2518V64.7518C33.1498 64.7518 34.1498 65.1518 34.9498 65.1518C35.5498 65.1518 36.0498 64.9518 36.0498 64.4518C36.0498 63.1518 33.0498 63.9518 33.0498 61.5518C33.0498 60.0518 34.2498 59.4518 35.7498 59.4518C36.3952 59.449 37.0367 59.5503 37.6498 59.7518L37.2498 61.0518V61.1518ZM48.7498 59.6518C48.3498 61.6518 47.3498 64.8518 46.7498 66.4518H44.8498L43.5498 61.9518L42.1498 66.4518H40.3498C39.5054 64.2413 38.8366 61.9676 38.3498 59.6518H40.1498L41.2498 64.3518L42.6498 59.6518H44.4498L45.8498 64.3518L46.9498 59.6518H48.6498H48.7498ZM84.8498 59.4518C86.1498 59.4518 86.9498 60.2518 86.9498 61.7518V66.4518H85.1498V62.1518C85.1498 61.4518 84.9498 60.9518 84.1498 60.9518C83.4498 60.9518 82.8498 61.6518 82.8498 62.8518V66.4518H80.9498V62.1518C80.9498 61.4518 80.7498 60.9518 79.9498 60.9518C79.2498 60.9518 78.6498 61.6518 78.6498 62.9518V66.3518H76.9498V59.7518C78.0498 59.5518 78.5498 60.0518 78.5498 60.7518C79.0498 60.0518 79.7498 59.5518 80.7498 59.5518C81.9498 59.5518 82.4498 60.2518 82.6498 60.9518C82.9498 60.2518 83.6498 59.5518 84.8498 59.5518V59.4518ZM56.6498 61.1518C56.2498 60.9518 55.6498 60.8518 55.1498 60.8518C54.6498 60.8518 54.1498 60.9518 54.1498 61.4518C54.1498 62.6518 57.1498 61.9518 57.1498 64.4518C57.2498 65.9518 55.9498 66.5518 54.4498 66.5518C53.7498 66.5518 53.0498 66.4518 52.4498 66.2518L52.5498 64.7518C52.5498 64.7518 53.5498 65.1518 54.4498 65.1518C54.9498 65.1518 55.4498 64.9518 55.4498 64.4518C55.4498 63.1518 52.4498 63.9518 52.4498 61.5518C52.4498 60.0518 53.6498 59.4518 55.0498 59.4518C55.7286 59.438 56.4049 59.5394 57.0498 59.7518L56.7498 61.0518L56.6498 61.1518ZM62.2498 61.1518C61.8498 60.9518 61.2498 60.8518 60.7498 60.8518C60.2498 60.8518 59.7498 60.9518 59.7498 61.4518C59.7498 62.6518 62.7498 61.9518 62.7498 64.4518C62.8498 65.9518 61.5498 66.5518 59.9498 66.5518C59.2721 66.5492 58.5984 66.4481 57.9498 66.2518L58.0498 64.7518C58.0498 64.7518 59.0498 65.1518 59.9498 65.1518C60.4498 65.1518 60.9498 64.9518 60.9498 64.4518C60.9498 63.1518 57.9498 63.9518 57.9498 61.5518C57.9498 60.0518 59.1498 59.4518 60.6498 59.4518C61.4498 59.4518 62.1498 59.5518 62.5498 59.7518L62.2498 61.0518" fill="#152168"/>
<path d="M54.3495 35.6519C46.8495 42.0519 51.7495 46.7519 58.3495 49.5519V42.2519C55.1495 41.5519 57.0495 37.2519 54.3495 35.6519Z" fill="url(#paint0_linear_830_5837)"/>
<path d="M54.6495 17.3518C53.0318 18.4483 51.4636 19.6162 49.9495 20.8518C45.6495 24.2518 44.2495 27.0518 45.2495 30.0518C45.7495 31.5518 46.6495 32.6518 49.4495 35.0518C51.6495 36.8518 52.7495 38.0518 53.6495 39.2518L53.9495 39.6518L54.0495 39.8518C54.3447 40.267 54.6119 40.7013 54.8495 41.1518C54.924 41.3492 54.9907 41.5493 55.0495 41.7518L55.1495 42.0518L55.2495 42.3518L55.8495 44.8518H55.9495V45.1518C56.1809 46.604 56.7646 47.9774 57.6495 49.1518C57.8883 49.3146 58.1626 49.4175 58.4495 49.4518V42.2518C57.9495 42.2518 57.4495 41.8518 57.0495 41.4518C56.7495 41.2518 56.5495 40.8518 56.4495 40.4518V40.2518L56.0495 38.7518C55.6495 36.7518 55.3495 36.2518 53.3495 34.9518C52.0495 33.9518 51.3495 33.3518 51.0495 32.7518C50.9495 32.2518 50.9495 32.2518 50.9495 31.5518C50.9495 31.0518 50.9495 30.8518 51.1495 30.5518C51.4495 29.8518 51.9495 29.5518 53.5495 28.9518C55.2495 28.2518 55.5495 27.9518 56.2495 25.9518C57.0495 24.3518 57.3495 24.2518 58.6495 23.6518L54.5495 17.2518L54.6495 17.3518Z" fill="url(#paint1_linear_830_5837)"/>
<path d="M58.4495 49.5518C62.1495 44.1518 65.9495 43.0518 69.4495 30.9518L55.7495 18.9518L58.6495 23.7518L58.4495 49.5518Z" fill="url(#paint2_linear_830_5837)"/>
<path d="M60.6497 17.1518C59.8497 17.1518 59.1497 17.1518 58.4497 17.5518V21.5518L69.4497 30.9518C69.4497 30.9518 69.6497 30.5518 69.7497 29.6518C69.9497 28.3518 70.0497 27.3518 69.9497 26.3518C69.7497 24.3518 69.1497 22.7518 68.1497 21.2518C67.7497 20.5518 66.4497 19.2518 65.6497 18.7518C64.6497 18.0518 63.2497 17.4518 61.9497 17.2518C61.5204 17.1781 61.0852 17.1446 60.6497 17.1518Z" fill="url(#paint3_linear_830_5837)"/>
<path d="M58.3496 53.6518L58.5496 23.6518L55.3496 18.5518C55.3496 19.0518 64.9496 27.0518 69.4496 30.9518L70.2496 31.7518C72.2496 33.6518 73.3496 35.1518 74.2496 36.7518C74.9496 38.2518 75.1496 39.3518 75.0496 40.9518C75.0496 42.6518 74.5496 44.2518 73.6496 45.7518C72.8496 47.1518 71.2496 48.7518 69.6496 49.8518C66.2569 52.0372 62.3734 53.3431 58.3496 53.6518Z" fill="url(#paint4_linear_830_5837)"/>
<path d="M54.6497 17.2518L54.5497 16.7518C54.3497 16.0518 54.5497 15.2518 54.9497 14.6518C55.1497 14.3518 55.7497 13.9518 56.2497 13.6518C57.2497 13.3518 58.2497 13.2518 58.4497 13.4518V21.6518C58.4497 21.7518 54.8497 18.5518 54.6497 17.2518Z" fill="url(#paint5_linear_830_5837)"/>
<path d="M58.4498 42.2518L58.5498 23.5518C57.7498 23.9518 57.0498 23.9518 56.0498 26.1518C55.3498 27.9518 55.0498 28.2518 53.1498 29.0518C49.8498 30.0518 49.9498 32.8518 53.4498 34.9518C55.4498 36.2518 55.7498 36.9518 56.1498 39.2518C56.4498 40.7518 56.8498 41.9518 58.4498 42.2518Z" fill="white"/>
<defs>
<linearGradient id="paint0_linear_830_5837" x1="55.4497" y1="46.2519" x2="52.2909" y2="42.7468" gradientUnits="userSpaceOnUse">
<stop stop-color="#0019CE"/>
<stop offset="1" stop-color="#00A4CE" stop-opacity="0.5"/>
</linearGradient>
<linearGradient id="paint1_linear_830_5837" x1="58.9497" y1="49.2518" x2="39.1474" y2="33.8761" gradientUnits="userSpaceOnUse">
<stop stop-color="#040D1A"/>
<stop offset="1" stop-color="#FD110D"/>
</linearGradient>
<linearGradient id="paint2_linear_830_5837" x1="59.9497" y1="37.7518" x2="63.5765" y2="36.4897" gradientUnits="userSpaceOnUse">
<stop/>
<stop offset="1" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint3_linear_830_5837" x1="73.9497" y1="43.2518" x2="55.3883" y2="20.1081" gradientUnits="userSpaceOnUse">
<stop stop-color="#040D1A"/>
<stop offset="1" stop-color="#FD110D"/>
</linearGradient>
<linearGradient id="paint4_linear_830_5837" x1="67.9497" y1="44.2518" x2="70.7483" y2="39.9115" gradientUnits="userSpaceOnUse">
<stop stop-color="#0019CE"/>
<stop offset="1" stop-color="#00A4CE" stop-opacity="0.5"/>
</linearGradient>
<linearGradient id="paint5_linear_830_5837" x1="57.4497" y1="19.2518" x2="56.0295" y2="13.353" gradientUnits="userSpaceOnUse">
<stop stop-color="#0B4AD0"/>
<stop offset="1" stop-color="#0BB7D0" stop-opacity="0"/>
</linearGradient>
</defs>
</svg>

使用上の注意

• 元の 3:2 の縦横比（viewBox "0 0 120 80"）を保って拡大縮小し、変形させないでください。
• ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
• グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。