S-Oil

ブランド / 表示名

S-Oil

カテゴリ

企業・団体

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

#FECB03rgb(254, 203, 3) · hsl(48, 99%, 50%)

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

白背景 1.5:1 · 黒背景 13:1 · 5.3 KB

<svg xmlns="http://www.w3.org/2000/svg" width="1219" height="1000" version="1.2" viewBox="0 0 1219 1000"><defs><linearGradient id="b" x2="1" gradientTransform="matrix(309.155 -200.296 107.084 165.283 734.731 523.533)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fecb03"/><stop offset=".53" stop-color="#fdbd0f"/><stop offset="1" stop-color="#fbaf16"/></linearGradient><linearGradient id="d" x2="1" gradientTransform="matrix(-113.292 287.591 -176.782 -69.641 726.063 236.017)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fbaf16"/><stop offset=".447" stop-color="#fec608"/><stop offset="1" stop-color="#fecb03"/></linearGradient><linearGradient id="f" x2="1" gradientTransform="matrix(74.077 305.019 -161.221 39.154 442.966 297.021)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fbaf16"/><stop offset=".481" stop-color="#fec706"/><stop offset="1" stop-color="#fecb03"/></linearGradient><linearGradient id="h" x2="1" gradientTransform="matrix(244.015 196.084 -120.683 150.183 203.419 562.824)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fbaf16"/><stop offset=".598" stop-color="#fec607"/><stop offset="1" stop-color="#fecb03"/></linearGradient><linearGradient id="j" x2="1" gradientTransform="matrix(579.12 -52.251 32.843 364.012 77.234 889.612)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fbaf16"/><stop offset=".601" stop-color="#fec706"/><stop offset="1" stop-color="#fecb03"/></linearGradient><clipPath id="a" clipPathUnits="userSpaceOnUse"><path d="M1218.96 222.72c-76.74-18.72-248.06-3.54-378.01 81.98-153.67 101.16-187.13 284.1-187.13 284.1 198.12-258.23 485.75-185.93 485.75-185.93s29.48-22.18 57.35-83.46c23.42-51.56 22.04-96.69 22.04-96.69"/></clipPath><clipPath id="c" clipPathUnits="userSpaceOnUse"><path d="M806.34.34c-71.88 32.73-197.18 150.67-246.5 298.22-58.36 174.64 28.31 339.14 28.31 339.14-3.74-325.59 267.04-446.6 267.04-446.6s9.52-35.72-6.45-101.06C835.36 34.97 806.37.34 806.34.34"/></clipPath><clipPath id="e" clipPathUnits="userSpaceOnUse"><path d="M344.54 80.78c-36.27 70.18-61.85 240.4-9.46 386.96 62.02 173.27 231.83 248.95 231.83 248.95-204.12-253.63-66.1-516.23-66.1-516.23s-14.61-33.95-67.57-75.53c-44.51-34.89-88.7-44.15-88.7-44.15"/></clipPath><clipPath id="g" clipPathUnits="userSpaceOnUse"><path d="M32.97 427.16c14.51 77.63 98.87 227.7 230.23 311.03 155.4 98.54 335.74 53.8 335.74 53.8-316.77-74.49-369.25-366.52-369.25-366.52s-32.34-17.79-99.62-18.05c-56.62-.15-97.1 19.74-97.1 19.74"/></clipPath><clipPath id="i" clipPathUnits="userSpaceOnUse"><path d="M.53 896.51c59.53 51.92 218.71 117.26 373.33 101.09 183.05-19.09 296.76-166.17 296.76-166.17-294.65 138.19-516.79-58.37-516.79-58.37s-36.45 6.08-89.3 47.74c-44.56 34.94-64 75.71-64 75.71"/></clipPath></defs><g clip-path="url(#a)"><path d="M651.61 202.78v85.51l.63.08c.8 14.17 2.34 25.19 4.31 31.56-5.98 4.19-5.64 5.83 1.67 5.9 6.03.08 10.97 5.62 10.97 12.35 0 6.79 38.44 4.84 28.57 17.68-143.77 187.07-795.58 809.25 221.96 169.29 23.57-14.82 33.09 48.33 43.2 53.4 5.49 2.76 26.73 5.36 55.4 7.26l1.66 4.11h203.14V396.35l129.31-193.57c71.62-106.99-183.72-87.47-281.83-55.46l-133.23 55.46z" style="fill:url(#b)"/></g><g clip-path="url(#c)"><path d="M493.34-8.4V92.8c0 21.84-.2 39.13 0 52.85v17.53l-161.1 18.22v150.36l1.98-.41c.86 13 2.08 23.4 3.82 31.56-1.64 1.12-3.3 2.24-4.65 3.41-1.8 1.56 2.47 8.52 9.46 15.52 5.95 5.95 11.13 8.6 20.93 8.16 9.8-.08 186.19 394.32 178.8 410.15-132.63 284.29 345.11-181.17 262.88-361.42-15.39-33.78 44.92 29.69 46.85 21.86q.59-2.42 1.74-4.16.57-.83 1.25-1.48c2.21-2.21 5.2-2.7 7.98-.99h.02c10.9 6.74 10.51-2.05 3.3-14.53 2.99-30.79 118.03-125.79 118.03-231.56V84.16L871.41-8.4c-21.29-158.6-112.98-49.55-189.04 0z" style="fill:url(#d)"/></g><g clip-path="url(#e)"><path d="M238.79-51.14 138.65 202.72v17.92c0 39.54-.65 68.46 0 88.63v217.65L486.98 912l2.26-3.32c.54 48.51-203.45-246.82-202.72-223.6-2.19 13.02-3.44 23.14-3.18 26.91.89 12.58 1.49 12.5 4.94-.6 2.16-8.19 9-12.98 15.21-10.58 7.49 2.88 17.76-15.53 30.7-54.99 10.71-32.63 228.18 233.01 248.56 242.97 140.79 68.77 221.05 14.76 130.92-108.03-.89-1.17 2.91-1.02 4.55-1.69 4.08-1.72 8.55-4.16 13.12-7 8.48-5.09 17.34-11.44 24.08-17.7 3.17-2.92 5.79-5.46 8.11-8.14 8.73-8.97-190.71-352.46-193.68-355.42-.41-.42-1.01-.73-1.56-1.07 1.46-7.3 2.39-16.95 3.02-30.31l1.17-.24V136.45L528.93-26.78l.16-8.11.44-16.25H383.85z" style="fill:url(#f)"/></g><g clip-path="url(#g)"><path d="M-55.39 313.64c-324.65 121.11 57.32 241.9 82.72 311.48v220.45l25.06-.49H308.9l-.29-2.05c10.84-.76 19.71-1.82 26.96-3.25 4.24 7.69 9.49 5.35 21.21-6.37q3.05-3.02 4.87-7.18c5.45-8.92-13.34 81.07 4.41 89.39 918.62 430.95 71.86-399.18 180.19-450.63 21.91-10.4 44.11-26.71 49.7-38.61l10.04-21.22H363.08L247.75 278.77 89.38 265.72z" style="fill:url(#h)"/></g><g clip-path="url(#i)"><path d="M154.22 604.55c-13.91.03-29.95.13-48.51.13H70.04l-77.86 161.2-100.16 140.66 100.16 114.53 75.16 108.94h123.59c117.99 276.67 464.11-91.26 685.03-113.3l-1.97-2.73c16.74-.71 29.74-1.51 38.21-2.45 11.99 7.7 19.29 8.17 12.4-2.96-2.75-4.47.91-9.41 8.14-11 9.75-2.13 4.21-14.2-21.5-46.67-21.32-26.99-42.37-68.35-54.8-107.64-11.07-35.1-495.03-220.74-500.67-220.82-3.41-.05-7.2-2.03-10.37-4.81q-.31-.44-.57-.93-.24-.5-.42-1.04-.18-.52-.26-1.07-.1-.55-.1-1.12c0-.75-1.3-1.45-3.7-2.1q-.02-.06-.05-.11c-.67-1.4-1.19-1.4-1.58-.28-5.75-1.3-16.77-2.4-31.72-3.31l-.39-2.99H175.17q-2.62-.05-5.25-.07-2.6-.03-5.23-.03-2.62-.03-5.25-.03z" style="fill:url(#j)"/></g></svg>

使用上の注意

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