Astar

品牌實體 / 展示名稱

Astar

行業分類歸屬

金融支付

官方基色 (HEX / RGB / HSL)

#0AE2FFrgb(10, 226, 255) · hsl(187, 100%, 52%)

WCAG 亮暗底對比度與向量體積

白底 1.6:1 · 暗底 12.6:1 · 11.7 KB

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 21C13.1819 21 14.3522 20.7672 15.4441 20.3149C16.5361 19.8626 17.5282 19.1996 18.364 18.364C19.1997 17.5282 19.8626 16.5361 20.3149 15.4441C20.7672 14.3522 21 13.1819 21 12C21 10.8181 20.7672 9.64773 20.3149 8.55584C19.8626 7.46392 19.1997 6.47177 18.364 5.63604C17.5282 4.80031 16.5361 4.13737 15.4441 3.68508C14.3522 3.23279 13.1819 3 12 3C9.61301 3 7.32386 3.94821 5.63604 5.63604C3.94821 7.32386 3 9.61302 3 12C3 14.387 3.94821 16.6761 5.63604 18.364C7.32386 20.0518 9.61301 21 12 21ZM12 18.9705C13.8487 18.9705 15.6216 18.2361 16.9288 16.9288C18.2361 15.6216 18.9705 13.8487 18.9705 12C18.9705 10.1513 18.2361 8.37833 16.9288 7.07112C15.6216 5.7639 13.8487 5.02951 12 5.02951C10.1513 5.02951 8.37835 5.7639 7.07112 7.07112C5.7639 8.37833 5.02951 10.1513 5.02951 12C5.02951 13.8487 5.7639 15.6216 7.07112 16.9288C8.37835 18.2361 10.1513 18.9705 12 18.9705Z" fill="url(#paint0_linear_328_57492)"/>
<path d="M15.0878 17.4031C15.4921 17.4031 15.8797 17.2426 16.1656 16.9567C16.4515 16.6709 16.612 16.2832 16.612 15.8789C16.612 15.4746 16.4515 15.087 16.1656 14.801C15.8797 14.5151 15.4921 14.3546 15.0878 14.3546C14.6834 14.3546 14.2957 14.5151 14.0099 14.801C13.724 15.087 13.5635 15.4746 13.5635 15.8789C13.5635 16.2832 13.724 16.6709 14.0099 16.9567C14.2957 17.2426 14.6834 17.4031 15.0878 17.4031Z" fill="url(#paint1_linear_328_57492)"/>
<path d="M14.1767 3.34898C15.6429 3.45397 17.376 4.74481 18.0603 5.37849L18.9324 6.31727C17.339 5.57488 15.9431 4.74604 14.1767 4.78927C12.4103 4.8325 10.1387 6.62238 10.3141 9.96121C10.4883 13.2989 13.0638 15.1109 14.9179 15.7211C16.4014 16.2103 16.5521 15.5383 16.4212 15.1307C17.019 16.2943 16.2272 17.4455 14.9179 17.5543C13.8704 17.6407 12.5029 16.8774 11.9508 16.4845C10.466 15.4445 7.65585 12.4354 8.28459 8.71735C9.07021 4.06912 12.3436 3.21804 14.1767 3.34898Z" fill="url(#paint2_linear_328_57492)"/>
<path d="M5.70614 12.1338C5.60586 12.3116 5.54198 12.5076 5.51825 12.7105C5.49451 12.9131 5.51137 13.1187 5.56787 13.3149C5.62437 13.511 5.71935 13.694 5.8473 13.8531C5.97525 14.0121 6.1336 14.1442 6.31308 14.2415C6.49259 14.3387 6.68965 14.3993 6.8928 14.4196C7.09594 14.4398 7.30108 14.4194 7.49628 14.3596C7.69147 14.2999 7.87279 14.2018 8.0297 14.0711C8.18659 13.9405 8.3159 13.7799 8.41009 13.5989C8.5962 13.241 8.63425 12.8243 8.51608 12.4387C8.39791 12.0531 8.13295 11.7292 7.7783 11.5371C7.42366 11.3449 7.00771 11.2998 6.62011 11.4115C6.23251 11.523 5.90427 11.7826 5.70614 12.1338Z" fill="url(#paint3_linear_328_57492)"/>
<path d="M18.5274 18.0288C17.7368 19.2689 15.7703 20.2275 14.8883 20.5277L13.6481 20.8476C15.0588 19.8001 16.4571 18.9181 17.2612 17.3432C18.0654 15.7683 17.5737 12.9211 14.5549 11.4832C11.5359 10.0454 8.71705 11.4461 7.29651 12.7864C6.16009 13.8586 6.69125 14.3156 7.11123 14.3947C5.82657 14.3947 5.15707 13.1162 5.68452 11.9131C6.10698 10.9509 7.42992 10.1121 8.0389 9.81318C9.66078 9.00411 13.6457 7.96774 16.6152 10.2912C20.3271 13.1966 19.5156 16.4798 18.5274 18.0288Z" fill="url(#paint4_linear_328_57492)"/>
<path d="M15.0908 6.57971C14.9867 6.40671 14.8498 6.25588 14.6874 6.13584C14.5252 6.0158 14.3408 5.92889 14.1451 5.88008C13.9491 5.83128 13.7456 5.82152 13.5459 5.85139C13.3463 5.88124 13.1546 5.95014 12.9815 6.05411C12.8085 6.15809 12.6577 6.29512 12.5378 6.4574C12.4177 6.61966 12.3308 6.80399 12.282 6.99984C12.2331 7.1957 12.2234 7.39924 12.2533 7.59887C12.2831 7.7985 12.352 7.99029 12.4559 8.1633C12.666 8.51269 13.0061 8.76435 13.4017 8.86291C13.7972 8.96149 14.2157 8.89889 14.5652 8.68889C14.9147 8.47889 15.1662 8.1387 15.2648 7.74315C15.3634 7.3476 15.3008 6.9291 15.0908 6.57971Z" fill="url(#paint5_linear_328_57492)"/>
<path d="M3.49737 14.6254C2.83281 13.3135 2.96869 11.1309 3.15892 10.2193L3.51343 8.98773C3.69872 10.7356 3.78518 12.3909 4.73262 13.8831C5.68005 15.3752 8.38277 16.3992 11.1547 14.5303C13.9266 12.6614 14.1526 9.52259 13.7215 7.61785C13.3757 6.09356 12.6926 6.33319 12.4109 6.65559C13.0829 5.48829 14.5244 5.60811 15.2928 6.67412C15.9067 7.52644 15.9561 9.09149 15.9042 9.76844C15.777 11.5756 14.6442 15.5346 11.1337 16.9106C6.74483 18.6313 4.32993 16.2634 3.49737 14.6254Z" fill="url(#paint6_linear_328_57492)"/>
<path d="M17.0222 5.42785C13.6364 3.76026 11.6155 5.64896 11.0288 6.80144C12.9027 4.34578 15.4177 5.60572 16.4392 6.54204L17.0222 5.42785Z" fill="url(#paint7_linear_328_57492)"/>
<path d="M15.0567 19.7208C18.3214 17.6197 17.7792 14.9688 17.1282 13.8509C18.1781 16.7562 15.7497 18.2052 14.4082 18.5572L15.0567 19.7208Z" fill="url(#paint8_linear_328_57492)"/>
<path d="M3.82031 10.6166C3.85984 14.4989 6.29204 15.4909 7.70145 15.5242C4.68499 14.8659 4.86039 12.047 5.11609 10.7055L3.82031 10.6166Z" fill="url(#paint9_linear_328_57492)"/>
<path d="M13.5817 5.84589C14.3315 6.49316 15.3654 8.3695 14.4512 11.6836C13.2222 16.133 9.26078 16.7593 7.26709 16.5036L7.35849 15.4833C8.47887 15.6636 9.80799 15.4375 11.1544 14.5296C13.9263 12.6607 14.1524 9.52197 13.7213 7.61722C13.3754 6.09293 12.6923 6.34246 12.4107 6.66486C12.7281 6.09047 13.137 5.90889 13.5817 5.84589Z" fill="url(#paint10_linear_328_57492)"/>
<path d="M17.3193 14.3027C16.9093 13.2353 16.0372 12.1904 14.5549 11.4838C11.5372 10.0472 8.7171 11.4467 7.29657 12.787C6.16014 13.8591 6.70736 14.3211 7.12857 14.4002C6.88986 14.407 6.65271 14.3595 6.43492 14.2616C6.21713 14.1636 6.02436 14.0176 5.87109 13.8345C5.91927 12.9772 6.73577 11.3343 9.81648 10.2461C14.0089 8.76375 17.2317 11.3677 18.1742 13.638L17.3193 14.3027Z" fill="url(#paint11_linear_328_57492)"/>
<path d="M11.6054 6.00903C10.779 6.87865 10.222 8.21147 10.3146 9.96057C10.4887 13.2982 13.0643 15.1103 14.9183 15.7205C16.4018 16.2097 16.5526 15.5427 16.4216 15.135C16.6958 15.6291 16.6724 16.0936 16.5032 16.5049C15.3136 16.8409 12.9247 16.6433 10.6283 13.6663C7.65507 9.81234 9.95388 6.60071 10.7271 5.5211L10.8642 5.32471L11.6054 6.00903Z" fill="url(#paint12_linear_328_57492)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.7489 10.1967C17.0069 11.0428 18.1644 13.2255 18.4633 14.2137L18.2595 14.2755C17.9717 13.3218 16.8476 11.2096 14.6748 10.3943C12.1611 9.45187 8.4183 10.1485 6.4419 12.6449C6.32891 12.8042 6.2352 12.9763 6.16273 13.1576C6.07627 13.3725 6.02192 13.585 6.03303 13.7294L5.8218 13.7455C5.80698 13.5503 5.87739 13.3009 5.96633 13.0785C6.05774 12.8549 6.17632 12.64 6.27514 12.514C8.31453 9.93728 12.1599 9.22581 14.7489 10.1967Z" fill="url(#paint13_linear_328_57492)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.09019 10.4038C8.75791 8.01371 10.1266 5.95701 10.8516 5.22451L11.0024 5.37275C10.302 6.08055 8.98024 8.07546 9.29894 10.3742C9.66827 13.0325 12.0646 15.9921 15.2009 16.5393C15.3332 16.5628 15.5628 16.5641 15.7976 16.5369C16.0347 16.5085 16.2546 16.4528 16.3769 16.3751L16.4906 16.5529C16.3262 16.6591 16.0656 16.7184 15.8235 16.7469C15.6046 16.7764 15.3827 16.7764 15.1639 16.7469C11.9276 16.1836 9.4694 13.1425 9.09019 10.4038Z" fill="url(#paint14_linear_328_57492)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.1647 15.3508C10.2871 16.8652 7.81916 16.7528 6.81738 16.5082L6.86679 16.3019C7.83399 16.5379 10.2254 16.6428 12.0313 15.1864C14.1202 13.5016 15.4234 9.9231 14.277 6.95232C14.1944 6.77041 14.0877 6.60048 13.9596 6.44711C13.8088 6.26058 13.6446 6.10124 13.5136 6.03577L13.6075 5.84678C13.7805 5.93324 13.9707 6.12223 14.1264 6.31493C14.2807 6.50886 14.4166 6.7238 14.4747 6.87697C15.6581 9.94287 14.3165 13.6152 12.1647 15.3508Z" fill="url(#paint15_linear_328_57492)"/>
<defs>
<linearGradient id="paint0_linear_328_57492" x1="18.7531" y1="6.3648" x2="5.81018" y2="18.6296" gradientUnits="userSpaceOnUse">
<stop stop-color="#0AE2FF"/>
<stop offset="0.189" stop-color="#047DA5"/>
<stop offset="0.278" stop-color="#0279C2"/>
<stop offset="0.42" stop-color="#018AF6"/>
<stop offset="0.553" stop-color="#0076ED"/>
<stop offset="0.744" stop-color="#4350D3"/>
<stop offset="0.873" stop-color="#910659"/>
<stop offset="1" stop-color="#CB006D"/>
</linearGradient>
<linearGradient id="paint1_linear_328_57492" x1="11.9996" y1="3.00021" x2="11.9996" y2="21.0002" gradientUnits="userSpaceOnUse">
<stop stop-color="#016FD8"/>
<stop offset="1" stop-color="#003A72"/>
</linearGradient>
<linearGradient id="paint2_linear_328_57492" x1="19.7612" y1="6.04428" x2="15.0698" y2="21.9085" gradientUnits="userSpaceOnUse">
<stop stop-color="#09DEFC"/>
<stop offset="0.269" stop-color="#028DF7"/>
<stop offset="0.483" stop-color="#0056AF"/>
<stop offset="0.795" stop-color="#3AA7F7"/>
<stop offset="1" stop-color="#086EE8"/>
</linearGradient>
<linearGradient id="paint3_linear_328_57492" x1="11.9998" y1="3.00043" x2="11.9998" y2="21.0005" gradientUnits="userSpaceOnUse">
<stop stop-color="#344ABE"/>
<stop offset="1" stop-color="#392470"/>
</linearGradient>
<linearGradient id="paint4_linear_328_57492" x1="14.8921" y1="20.5524" x2="1.4291" y2="9.71806" gradientUnits="userSpaceOnUse">
<stop stop-color="#3458D8"/>
<stop offset="0.131" stop-color="#0187F5"/>
<stop offset="0.463" stop-color="#0271C2"/>
<stop offset="0.81" stop-color="#01BCF8"/>
<stop offset="1" stop-color="#534BCF"/>
</linearGradient>
<linearGradient id="paint5_linear_328_57492" x1="3.60915" y1="6.95894" x2="19.1572" y2="16.2998" gradientUnits="userSpaceOnUse">
<stop stop-color="#027ED5"/>
<stop offset="1" stop-color="#02517B"/>
</linearGradient>
<linearGradient id="paint6_linear_328_57492" x1="4.18294" y1="17.1923" x2="21.947" y2="7.65738" gradientUnits="userSpaceOnUse">
<stop stop-color="#BD1493"/>
<stop offset="0.528" stop-color="#005AB9"/>
<stop offset="0.76" stop-color="#03DEFE"/>
<stop offset="1" stop-color="#06C1FD"/>
</linearGradient>
<linearGradient id="paint7_linear_328_57492" x1="20.597" y1="9.74754" x2="9.18582" y2="13.6348" gradientUnits="userSpaceOnUse">
<stop stop-color="#08CDED"/>
<stop offset="0.33" stop-color="#06ACCF"/>
<stop offset="1" stop-color="#03618E"/>
</linearGradient>
<linearGradient id="paint8_linear_328_57492" x1="5.60089" y1="18.1274" x2="11.199" y2="6.02692" gradientUnits="userSpaceOnUse">
<stop stop-color="#2660DE"/>
<stop offset="1" stop-color="#004988"/>
</linearGradient>
<linearGradient id="paint9_linear_328_57492" x1="3.42751" y1="5.46194" x2="10.4338" y2="7.75455" gradientUnits="userSpaceOnUse">
<stop stop-color="#4C46C3"/>
<stop offset="0.244" stop-color="#4250D3"/>
<stop offset="0.585" stop-color="#3B54D6"/>
<stop offset="1" stop-color="#4F1964"/>
</linearGradient>
<linearGradient id="paint10_linear_328_57492" x1="14.6044" y1="3.011" x2="9.01867" y2="21.5014" gradientUnits="userSpaceOnUse">
<stop stop-color="#05B2FC"/>
<stop offset="1" stop-color="#7E2B9F"/>
</linearGradient>
<linearGradient id="paint11_linear_328_57492" x1="3.64642" y1="18.122" x2="20.3927" y2="18.201" gradientUnits="userSpaceOnUse">
<stop stop-color="#6340C6"/>
<stop offset="0.179" stop-color="#1F61E0"/>
<stop offset="1" stop-color="#0184EF"/>
</linearGradient>
<linearGradient id="paint12_linear_328_57492" x1="8.39005" y1="3.62871" x2="13.4509" y2="21.9103" gradientUnits="userSpaceOnUse">
<stop stop-color="#04A9F0"/>
<stop offset="0.312" stop-color="#0167C3"/>
<stop offset="0.577" stop-color="#066DE9"/>
<stop offset="1" stop-color="#007AEF"/>
</linearGradient>
<linearGradient id="paint13_linear_328_57492" x1="18.7004" y1="10.1609" x2="2.58176" y2="10.9959" gradientUnits="userSpaceOnUse">
<stop stop-color="#03B0FB"/>
<stop offset="0.424" stop-color="#02DFFC"/>
<stop offset="1" stop-color="#AF75F4"/>
</linearGradient>
<linearGradient id="paint14_linear_328_57492" x1="12.098" y1="3.11595" x2="12.098" y2="20.833" gradientUnits="userSpaceOnUse">
<stop stop-color="#03AFFA"/>
<stop offset="1" stop-color="#00C2F9"/>
</linearGradient>
<linearGradient id="paint15_linear_328_57492" x1="7.96739" y1="16.3884" x2="15.616" y2="8.9423" gradientUnits="userSpaceOnUse">
<stop stop-color="#BB46D6"/>
<stop offset="0.672" stop-color="#02E8FD"/>
<stop offset="1" stop-color="#08DDFE"/>
</linearGradient>
</defs>
</svg>

設計應用建議

• 保持原生 1:1 寬高比（viewBox "0 0 24 24"）等比例縮放，切勿拉伸變形
• 標誌外圍應預留不少於標誌高度 20% 的空白安全保護區
• 內含向量漸變節點，請勿強制使用 CSS fill: currentColor 扁平覆蓋