Soda Foundation

Brand Entity / Display Name

Soda Foundation

Industry Category

Dev & Tools

Primary Color (HEX / RGB / HSL)

#3588B3rgb(53, 136, 179) · hsl(200, 54%, 45%)

WCAG Surface Contrast

Light 3.9:1 · Dark 5:1

<svg id="圖層_1" data-name="圖層 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 166.935 155.403"><defs><style>.cls-1{fill:#3d3a39;}.cls-2{fill:url(#未命名漸層);}.cls-3{opacity:0.7;isolation:isolate;fill:url(#未命名漸層_2);}.cls-4{fill:url(#未命名漸層_3);}.cls-5{fill:url(#未命名漸層_4);}.cls-6{fill:#fff;}.cls-7{fill:url(#未命名漸層_5);}.cls-8{fill:url(#未命名漸層_6);}.cls-9{fill:url(#未命名漸層_7);}.cls-10{fill:url(#未命名漸層_8);}.cls-11{fill:url(#未命名漸層_9);}.cls-12{fill:url(#未命名漸層_10);}.cls-13{fill:url(#未命名漸層_11);}.cls-14{fill:url(#未命名漸層_12);}.cls-15{fill:url(#未命名漸層_13);}.cls-16{fill:url(#未命名漸層_14);}.cls-17{fill:url(#未命名漸層_15);}.cls-18{fill:url(#未命名漸層_16);}.cls-19{fill:url(#未命名漸層_17);}.cls-20{fill:url(#未命名漸層_18);}</style><linearGradient id="未命名漸層" x1="81.52053" y1="102.98709" x2="166.55784" y2="102.98709" gradientTransform="matrix(1, 0, 0, -1, 0, 155.8898)" gradientUnits="userSpaceOnUse"><stop offset="0.0015" stop-color="#246cb5"/><stop offset="0.2386" stop-color="#2968b1"/><stop offset="0.5798" stop-color="#335da4"/><stop offset="0.9823" stop-color="#3d4c91"/><stop offset="1" stop-color="#3d4b90"/></linearGradient><linearGradient id="未命名漸層_2" x1="81.526" y1="99.9336" x2="164.369" y2="99.9336" gradientTransform="matrix(1, 0, 0, -1, 0, 155.8898)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#243780"/><stop offset="0.2408" stop-color="#243981"/><stop offset="0.4534" stop-color="#253f86"/><stop offset="0.6553" stop-color="#25498e"/><stop offset="0.8494" stop-color="#25579b"/><stop offset="0.9985" stop-color="#2566a9"/></linearGradient><linearGradient id="未命名漸層_3" x1="-261.29011" y1="134.66916" x2="-247.40067" y2="134.66916" gradientTransform="matrix(1.021, -0.0638, -0.0976, -0.9248, 349.76132, 178.96549)" xlink:href="#未命名漸層"/><linearGradient id="未命名漸層_4" x1="134.55453" y1="84.80419" x2="142.21645" y2="95.23821" xlink:href="#未命名漸層"/><linearGradient id="未命名漸層_5" x1="-92.14028" y1="193.42887" x2="-77.26797" y2="193.42887" gradientTransform="matrix(0.823, -0.568, -0.568, -0.823, 317.86001, 172.65961)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#3588b3"/><stop offset="0.2137" stop-color="#3685b2"/><stop offset="0.4364" stop-color="#387eae"/><stop offset="0.6631" stop-color="#3b72a7"/><stop offset="0.8912" stop-color="#3f609e"/><stop offset="1" stop-color="#405698"/></linearGradient><linearGradient id="未命名漸層_6" x1="179.58059" y1="-116.81736" x2="260.27852" y2="-116.81736" gradientTransform="matrix(0.978, 0.2085, 0.2085, -0.978, -101.91782, -98.34998)" xlink:href="#未命名漸層_2"/><linearGradient id="未命名漸層_7" x1="88.27417" y1="113.43542" x2="102.95807" y2="113.43542" gradientTransform="matrix(1, 0, 0, -1, 0, 155.8898)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#3e8fb5" stop-opacity="0.3"/><stop offset="0.1236" stop-color="#499dbb" stop-opacity="0.3865"/><stop offset="0.294" stop-color="#54acc0" stop-opacity="0.5058"/><stop offset="0.4812" stop-color="#5db6c3" stop-opacity="0.6368"/><stop offset="0.6959" stop-color="#61bcc5" stop-opacity="0.7871"/><stop offset="1" stop-color="#63bec6"/></linearGradient><linearGradient id="未命名漸層_8" x1="-203.20004" y1="176.42533" x2="-198.47416" y2="184.61087" gradientTransform="matrix(0.9645, -0.2641, -0.2641, -0.9645, 347.0674, 196.13011)" xlink:href="#未命名漸層_5"/><linearGradient id="未命名漸層_9" x1="-119.39737" y1="110.27153" x2="-99.56814" y2="110.27153" gradientTransform="matrix(0.9916, -0.1295, -0.1295, -0.9916, 166.58753, 156.14613)" gradientUnits="userSpaceOnUse"><stop offset="0.0054" stop-color="#3588b3" stop-opacity="0.2"/><stop offset="0.2849" stop-color="#4499ba" stop-opacity="0.66"/><stop offset="0.7245" stop-color="#59b2c2" stop-opacity="0.869"/><stop offset="1" stop-color="#63bec6"/></linearGradient><linearGradient id="未命名漸層_10" x1="88.25311" y1="88.95727" x2="123.58454" y2="95.26647" gradientTransform="matrix(1, 0, 0, -1, 0, 155.8898)" gradientUnits="userSpaceOnUse"><stop offset="0.0054" stop-color="#3588b3" stop-opacity="0.2"/><stop offset="0.176" stop-color="#3f92b7" stop-opacity="0.3373"/><stop offset="0.7261" stop-color="#59b2c2" stop-opacity="0.7797"/><stop offset="1" stop-color="#63bec6"/></linearGradient><linearGradient id="未命名漸層_11" x1="91.3643" y1="85.97586" x2="108.45469" y2="85.97586" xlink:href="#未命名漸層_7"/><linearGradient id="未命名漸層_12" x1="48.3389" y1="131.63557" x2="59.9985" y2="131.63557" gradientTransform="matrix(1, 0, 0, -1, 0, 155.8898)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#44448f"/><stop offset="0.2375" stop-color="#444690"/><stop offset="0.42" stop-color="#434c93"/><stop offset="0.5843" stop-color="#425698"/><stop offset="0.7378" stop-color="#3f64a0"/><stop offset="0.8824" stop-color="#3b76aa"/><stop offset="1" stop-color="#3588b3"/></linearGradient><linearGradient id="未命名漸層_13" x1="-306.05101" y1="-10.15519" x2="-226.26939" y2="-10.15519" gradientTransform="matrix(0.9624, -0.2717, -0.2717, -0.9624, 297.97036, -57.09576)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#3588b3"/><stop offset="0.0658" stop-color="#3782b0"/><stop offset="0.5009" stop-color="#40629e"/><stop offset="0.8251" stop-color="#434c93"/><stop offset="1" stop-color="#44448f"/></linearGradient><linearGradient id="未命名漸層_14" x1="-424.39545" y1="281.7576" x2="-404.32487" y2="281.7576" gradientTransform="matrix(0.8845, -0.4665, -0.4665, -0.8845, 507.18539, 118.28513)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#3588b3"/><stop offset="0.2375" stop-color="#3686b2" stop-opacity="0.9762"/><stop offset="0.42" stop-color="#3880af" stop-opacity="0.958"/><stop offset="0.5843" stop-color="#3b77aa" stop-opacity="0.9416"/><stop offset="0.7378" stop-color="#3e69a2" stop-opacity="0.9262"/><stop offset="0.8824" stop-color="#425798" stop-opacity="0.9118"/><stop offset="1" stop-color="#44448f" stop-opacity="0.9"/></linearGradient><linearGradient id="未命名漸層_15" x1="-403.56841" y1="294.77777" x2="-326.81489" y2="294.77777" gradientTransform="matrix(0.8845, -0.4665, -0.4665, -0.8845, 507.18539, 118.28513)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#44448f"/><stop offset="0.1749" stop-color="#434c93" stop-opacity="0.8426"/><stop offset="0.4991" stop-color="#40629e" stop-opacity="0.5508"/><stop offset="0.9342" stop-color="#3782b0" stop-opacity="0.1592"/><stop offset="1" stop-color="#3588b3" stop-opacity="0.1"/></linearGradient><linearGradient id="未命名漸層_16" x1="-380.57347" y1="316.62509" x2="-356.08756" y2="316.62509" gradientTransform="matrix(0.8845, -0.4665, -0.4665, -0.8845, 507.18539, 118.28513)" xlink:href="#未命名漸層_13"/><linearGradient id="未命名漸層_17" x1="-1.03347" y1="117.56278" x2="7.51075" y2="128.02609" gradientTransform="matrix(0.9645, -0.2638, -0.2638, -0.9645, 76.00023, 138.75321)" xlink:href="#未命名漸層_5"/><linearGradient id="未命名漸層_18" x1="-470.04818" y1="327.74396" x2="-424.15093" y2="327.74396" gradientTransform="matrix(0.8589, -0.5121, -0.5121, -0.8589, 583.68947, 71.48205)" xlink:href="#未命名漸層_15"/></defs><path class="cls-1" d="M22.667,121.28a9.26861,9.26861,0,0,1-3.383,7.964,11.45091,11.45091,0,0,1-8.644,3.072,11.11942,11.11942,0,0,1-7.548-3.46,10.4747,10.4747,0,0,1-3.038-7.517H5.003v1.144a5.16152,5.16152,0,0,0,2.004,3.611,5.9335,5.9335,0,0,0,4.259,1.807,6.81247,6.81247,0,0,0,4.761-1.735,5.69889,5.69889,0,0,0,1.628-4.069q.0615-4.368-5.207-5.984l-4.191-1.269q-6.5745-1.9695-6.888-8.534a8.34062,8.34062,0,0,1,2.796-6.743,10.84026,10.84026,0,0,1,7.194-2.984,10.1794,10.1794,0,0,1,6.817,2.237,8.04135,8.04135,0,0,1,3.425,5.995v1.015H16.59v-.785a3.42552,3.42552,0,0,0-1.597-2.93,6.24115,6.24115,0,0,0-3.665-1.117,5.27967,5.27967,0,0,0-3.476,1.379,4.44485,4.44485,0,0,0-1.535,3.299q-.2505,3.6585,4.572,5.218l4.134,1.319Q22.1675,114.5395,22.667,121.28Z"/><path class="cls-1" d="M70.271,114.419a16.92607,16.92607,0,0,1-5.606,12.678,17.78741,17.78741,0,0,1-13.311,5.1,17.76893,17.76893,0,0,1-12.622-5.368,16.90144,16.90144,0,0,1-5.168-12.349,17.09771,17.09771,0,0,1,5.575-12.797,17.69849,17.69849,0,0,1,13.28-5.101,18.05677,18.05677,0,0,1,12.653,5.459A16.94659,16.94659,0,0,1,70.271,114.419Zm-4.76-.359a13.2263,13.2263,0,0,0-4.05-9.227,12.74066,12.74066,0,0,0-9.322-3.836,13.31293,13.31293,0,0,0-9.732,3.806,12.67625,12.67625,0,0,0-4.08,9.317,12.82945,12.82945,0,0,0,3.705,9.438,13.00441,13.00441,0,0,0,9.354,4.225,12.72259,12.72259,0,0,0,10.076-3.896A13.0512,13.0512,0,0,0,65.511,114.06Z"/><path class="cls-1" d="M166.734,114.359V131.42h-4.761v-5.309a18.43927,18.43927,0,0,1-26.768.656,16.88389,16.88389,0,0,1-5.178-12.35,17.092,17.092,0,0,1,5.575-12.796,17.57614,17.57614,0,0,1,13.342-5.041,18.34685,18.34685,0,0,1,12.778,5.459A15.94472,15.94472,0,0,1,166.734,114.359Zm-4.761-.329A13.39905,13.39905,0,0,0,148.6,100.997a13.60027,13.60027,0,0,0-9.732,3.826,12.53557,12.53557,0,0,0-4.08,9.268,12.73932,12.73932,0,0,0,3.735,9.417,13.28985,13.28985,0,0,0,9.324,4.274,13.61582,13.61582,0,0,0,14.126-13.752Z"/><path class="cls-1" d="M4.386,145.625H1.521v9.472H.01V144.09a3.284,3.284,0,0,1,1.114-2.661,4.29177,4.29177,0,0,1,2.865-.938h.397v1.288h-.4a2.6344,2.6344,0,0,0-1.703.535,2.19962,2.19962,0,0,0-.761,1.526v.459H4.386Z"/><path class="cls-1" d="M24.656,149.697a5.37625,5.37625,0,0,1-1.78,4.026,5.65049,5.65049,0,0,1-4.227,1.62,5.63932,5.63932,0,0,1-4.008-1.705,5.52712,5.52712,0,0,1,.13-7.985,5.61421,5.61421,0,0,1,4.217-1.62,5.73872,5.73872,0,0,1,4.019,1.733A5.39081,5.39081,0,0,1,24.656,149.697Zm-1.511-.114a4.20326,4.20326,0,0,0-1.286-2.93,4.0422,4.0422,0,0,0-2.96-1.218,4.2275,4.2275,0,0,0-3.091,1.208,4.02368,4.02368,0,0,0-1.296,2.959,4.07536,4.07536,0,0,0,1.176,2.997,4.13167,4.13167,0,0,0,2.971,1.342,4.04127,4.04127,0,0,0,3.2-1.237A4.14883,4.14883,0,0,0,23.145,149.583Z"/><path class="cls-1" d="M43.573,150.455a4.7213,4.7213,0,0,1-1.422,3.505,5.29863,5.29863,0,0,1-7.181,0,4.71749,4.71749,0,0,1-1.422-3.505v-6.156H35.06v6.34a3.09541,3.09541,0,0,0,1.05,2.345,3.56291,3.56291,0,0,0,4.902,0,3.09389,3.09389,0,0,0,1.05-2.345v-6.34h1.512v6.156Z"/><path class="cls-1" d="M62.63,155.097H61.118v-6.309a3.11288,3.11288,0,0,0-1.05-2.349,3.56684,3.56684,0,0,0-4.922,0,3.1098,3.1098,0,0,0-1.05,2.349v6.309H52.584V148.94a4.6769,4.6769,0,0,1,1.432-3.495,5.32507,5.32507,0,0,1,7.182,0,4.674,4.674,0,0,1,1.433,3.495v6.157Z"/><path class="cls-1" d="M83.457,149.755a5.13953,5.13953,0,0,1-1.75,4.025,5.74337,5.74337,0,0,1-4.257,1.62,5.64111,5.64111,0,0,1-4.008-1.705,5.368,5.368,0,0,1-1.641-3.922,5.43164,5.43164,0,0,1,1.767-4.063,5.60476,5.60476,0,0,1,4.208-1.62,5.73031,5.73031,0,0,1,4.169,1.914v-5.438h1.512Zm-1.512-.114a4.13127,4.13127,0,0,0-1.266-2.931,4.07019,4.07019,0,0,0-2.98-1.218,4.23869,4.23869,0,0,0-3.081,1.208,4.01491,4.01491,0,0,0-1.306,2.959,4.33511,4.33511,0,0,0,4.167,4.339,4.281,4.281,0,0,0,4.466-4.357Z"/><path class="cls-1" d="M104.065,149.679v5.418h-1.512v-1.686a5.85369,5.85369,0,0,1-8.501.208,5.36021,5.36021,0,0,1-1.645-3.922,5.42627,5.42627,0,0,1,1.771-4.063,5.58118,5.58118,0,0,1,4.237-1.601,5.82808,5.82808,0,0,1,4.058,1.733A5.05719,5.05719,0,0,1,104.065,149.679Zm-1.511-.105a4.25452,4.25452,0,0,0-4.246-4.139,4.31943,4.31943,0,0,0-3.091,1.215,3.97877,3.97877,0,0,0-1.296,2.942,4.041,4.041,0,0,0,1.187,2.991,4.21809,4.21809,0,0,0,2.961,1.357,4.32113,4.32113,0,0,0,4.485-4.366Z"/><path class="cls-1" d="M117.155,155.324q-4.1385,0-4.138-3.354V140.51h1.512v3.77h2.626v1.346h-2.626v6.1q0,2.406,2.626,2.406Z"/><path class="cls-1" d="M127.359,143.01h-1.512v-2.52h1.512Zm0,12.087h-1.512V144.299h1.512Z"/><path class="cls-1" d="M148.027,149.697a5.37625,5.37625,0,0,1-1.78,4.026,5.92615,5.92615,0,0,1-8.235-.085,5.52712,5.52712,0,0,1,.13-7.985,5.61421,5.61421,0,0,1,4.217-1.62,5.73872,5.73872,0,0,1,4.019,1.733A5.39081,5.39081,0,0,1,148.027,149.697Zm-1.512-.114a4.20326,4.20326,0,0,0-1.286-2.93,4.0422,4.0422,0,0,0-2.96-1.218,4.2275,4.2275,0,0,0-3.091,1.208,4.02368,4.02368,0,0,0-1.296,2.959,4.07536,4.07536,0,0,0,1.176,2.997,4.13167,4.13167,0,0,0,2.971,1.342,4.04127,4.04127,0,0,0,3.2-1.237A4.1415,4.1415,0,0,0,146.515,149.583Z"/><path class="cls-1" d="M166.924,155.097h-1.512v-6.309a3.11288,3.11288,0,0,0-1.05-2.349,3.56684,3.56684,0,0,0-4.922,0,3.1098,3.1098,0,0,0-1.05,2.349v6.309h-1.512V148.94a4.6769,4.6769,0,0,1,1.432-3.495,5.32507,5.32507,0,0,1,7.182,0,4.674,4.674,0,0,1,1.433,3.495v6.157Z"/><path class="cls-1" d="M117.912,90.428a13.27659,13.27659,0,0,1-3.919-3.522v15.881a18.06055,18.06055,0,0,0-13.128-6.024,17.6353,17.6353,0,0,0-13.253,5.101,17.11373,17.11373,0,0,0-5.564,12.796,16.90306,16.90306,0,0,0,5.168,12.349,17.76813,17.76813,0,0,0,12.622,5.369,18.09379,18.09379,0,0,0,13.404-5.101,16.18556,16.18556,0,0,0,5.512-12.677V90.777A4.46392,4.46392,0,0,1,117.912,90.428Zm-7.906,33.637a12.72054,12.72054,0,0,1-10.076,3.896,13.64933,13.64933,0,0,1-13.121-13.662,12.62276,12.62276,0,0,1,4.112-9.317,13.34412,13.34412,0,0,1,9.701-3.806,12.821,12.821,0,0,1,9.386,3.836,12.99146,12.99146,0,0,1,3.986,9.227A12.8419,12.8419,0,0,1,110.006,124.065Z"/><path class="cls-2" d="M165.913,60.861c-.4-.299-1.29-.361-1.541-.768-.197-.33-.074-.885-.082-1.246a2.323,2.323,0,0,0-.595-1.502,15.15475,15.15475,0,0,0-4.088-2.924,72.51283,72.51283,0,0,0-22.201-8.16c-4.273-3.963-8.807-7.848-14.882-8.197-2.561-.148-4.742-.246-4.848.611-.032.26.501.432,1.035.746a7.47133,7.47133,0,0,1,3.116,2.906c.253.557.701,2.248-5.531,3.531C108.833,47.393,92.15,57.053,85.346,62.1c-6.805,5.049-2.854,5.93-.878,5.709s15.585-5.268,30.95-5.928c4.111-.176,11.561-.293,11.561-.293l.008-.02c4.701-.068,8.927.107,13.72.264,6.477.209,12.853,1.404,19.327,1.551a24.61757,24.61757,0,0,0,4.582-.197c.553-.094,1.763-.246,1.913-.945A1.33677,1.33677,0,0,0,165.913,60.861Z"/><path class="cls-3" d="M84.313,62.908c-.258.207-.496.41-.713.602-.038.035-.073.068-.11.102a11.8996,11.8996,0,0,0-1.083,1.104.72209.72209,0,0,1-.049.057c-.137.164-.254.324-.354.471-.01.016-.019.029-.027.045a2.29876,2.29876,0,0,0-.451,1.186c2.215-.74,4.995-1.811,8.431-3.273a203.92465,203.92465,0,0,1,23.542-8.516c.013.012.021.025.034.039a44.431,44.431,0,0,1,7.383-1.699c.551-.063,1.053-.143,1.683-.229,1.278-.15,2.639-.268,4.095-.344.292-.01.608-.021.938-.033.097-.002.198-.006.295-.008.703-.02,1.479-.035,2.365-.045h0c15.593.008,18.157,5.018,26.89,7.113a23.98475,23.98475,0,0,0,4.599.795,8.54462,8.54462,0,0,0,2.298-.125c.085-.016.186-.043.29-.07a2.841,2.841,0,0,1-.077-1.23,2.323,2.323,0,0,0-.595-1.502,15.15475,15.15475,0,0,0-4.088-2.924c-1.656-.916-3.403-1.809-5.21-2.648a67.4296,67.4296,0,0,0-16.992-5.512h.001l-.006-.006a90.46029,90.46029,0,0,0-21.104-.396c-7.463,1.535-24.146,11.195-30.95,16.242-.321.24-.612.465-.888.686C84.41,62.826,84.359,62.869,84.313,62.908Z"/><path class="cls-4" d="M71.272,71.721c-1.115.295-1.966-.973-1.129-1.693a22.83481,22.83481,0,0,1,10.313-4.641c5.603-1.164,2.701,5.43.514,9.404a1.71416,1.71416,0,0,1-3.16-.719c0-.029.002-.064,0-.096.03-3.244-3.054-3.289-4.788-2.814C72.356,71.342,71.778,71.586,71.272,71.721Z"/><path class="cls-5" d="M146.6,61.207a29.62569,29.62569,0,0,0-1.854,2.725,9.07629,9.07629,0,0,1-3.642,2.844c-1.436.674-6.118,2.537-4.665-1.002a20.5619,20.5619,0,0,0,1.202-5.617C140.564,60.473,143.774,60.346,146.6,61.207Z"/><path class="cls-6" d="M157.966,57.961c-.002.008,4.051,2.395,4.051,2.395a2.96994,2.96994,0,0,1-.759.568,3.00724,3.00724,0,0,1-2.207-.377A2.38044,2.38044,0,0,1,158.045,59,2.79508,2.79508,0,0,1,157.966,57.961Z"/><path class="cls-7" d="M139.13,57.537c-3.333,2.619-5.048,4.416-8.033,6.287a.55193.55193,0,0,0,.131.904c4.97,2.287,18.056-5.662,13.825-6.791C143.681,57.572,140.169,56.719,139.13,57.537Z"/><path class="cls-8" d="M49.105,56.193c7.813-7.166,17.421-12.822,27.952-14.041A42.40976,42.40976,0,0,1,99.15,45.828a56.01412,56.01412,0,0,1,18.103,13.389,46.87879,46.87879,0,0,1,6.771,9.25,11.48328,11.48328,0,0,1,1.815,4.971,9.44431,9.44431,0,0,1-1.534,5.533,7.96542,7.96542,0,0,1-.483.66,6.57313,6.57313,0,0,1,1.384,4.934,3.871,3.871,0,0,1-5.791,2.707c-2.865-1.566-4.53-4.473-6.476-6.971-5.374-6.902-13.405-11.215-21.544-14.424A119.0756,119.0756,0,0,0,56.434,57.91c-2.538-.184-9.751.475-7.366-1.684C49.08,56.215,49.093,56.203,49.105,56.193Z"/><path class="cls-9" d="M101.264,49.154a1.60943,1.60943,0,0,0,1.66-1.93,15.29168,15.29168,0,0,0-6.89-9.
<!-- ...[data omitted, click Copy or Download for full SVG]... -->
</svg>

Engineering & Layout Guidelines

• Maintain the native 1.07:1 aspect ratio (viewBox "0 0 166.935 155.403") without non-uniform stretching.
• Preserve at least 20% clear space around the emblem bounding box.
• Contains vector gradients; avoid overriding paths with flat CSS fill: currentColor.