ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- CRI-O
- 公式カラー (HEX / RGB / HSL)
- #3C6EB4rgb(60, 110, 180) · hsl(215, 50%, 47%)
- WCAG コントラストとファイルサイズ
- 白背景 5.1:1 · 黒背景 3.9:1 · 2.3 KB
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-5.38 -1.13 370.5 362"><defs><style>.cls-2{fill:#3c6eb4}.cls-3{fill:#294172}</style></defs><path fill="#fff" d="M180.649 350.162 40.717 283.22 5.77 131.977l96.336-121.662 155.085-.478 97.04 121.081-34.048 151.46z"/><path d="M180.65 354a3.8 3.8 0 0 1-1.657-.377L39.061 286.68a3.83 3.83 0 0 1-2.082-2.596L2.032 132.84a3.84 3.84 0 0 1 .73-3.245L99.098 7.933a3.84 3.84 0 0 1 2.995-1.454L257.18 6h.012a3.84 3.84 0 0 1 2.994 1.437l97.039 121.081a3.84 3.84 0 0 1 .749 3.241L323.925 283.22a3.83 3.83 0 0 1-2.066 2.61l-139.533 67.784a3.84 3.84 0 0 1-1.677.386zM44.04 280.556l136.596 65.347 136.208-66.167 33.238-147.859L255.354 13.68l-151.388.467L9.923 132.911z" class="cls-2"/><path d="m147.709 275.392-4.826-5.965 34.549-27.943 4.825 5.964zM238.1 264.14l-7.67-.255 1.48-44.4 7.669.254zm-109.273-40.476-43.755-7.83 1.352-7.554 43.756 7.83zm155.662-34.44-33.975-28.61 4.942-5.87 33.975 28.609zm-179.788-29.406-20.896-39.196 6.77-3.61 20.896 39.196zm110.378-50.644-1.636-7.497 43.4-9.47 1.636 7.498zm-63.671-2.696-7.005-3.134 18.14-40.544 7.005 3.134z" class="cls-2"/><path d="m119.702 40.992-6.844 3.48 27.82 54.755-35.114-7.497-1.595 7.504 41.182 8.773 12.282 24.165 2.61-3.299 4.307-.021zm122.401.362L214.552 96.24l-14.813-32.7-6.996 3.169 17.379 38.354-11.905 23.709h1.566l4.3 5.387 44.865-89.368zm28.45 75.65-19.793 37.159-26.507 5.111.399.493-1.726 7.57 99.258-19.141-1.45-7.54-60.323 11.636 16.893-31.684zm-230.17 23.651-1.45 7.54 60.628 11.696-27.856 23.462 4.944 5.873 32.605-27.443 27.74 5.35-1.653-7.068.725-.914zm175.764 56.894-.218.964-6.656 3.22 76.71 66.413 5.024-5.822-46.424-40.196 35.338-6.308-1.341-7.562-41.458 7.424zm-71.946.667L70.14 262.331l5.024 5.8 46.693-40.413 1.232 36.397 7.664-.247-1.428-42.596 22.113-19.14-7.105-3.387zm31.8 15.661v100.338h7.657v-61.41l27.914 22.577 4.821-5.96-32.728-26.485v-28.785l-3.509 1.704z" class="cls-3"/><path d="M180.17 219.715a3.85 3.85 0 0 1-1.654-.375l-35.853-17.134a3.84 3.84 0 0 1-2.083-2.594l-8.976-38.717a3.84 3.84 0 0 1 .733-3.252l24.716-31.134a3.84 3.84 0 0 1 2.993-1.45l39.732-.123h.012a3.84 3.84 0 0 1 2.993 1.436l24.868 30.994a3.84 3.84 0 0 1 .75 3.244l-8.736 38.768a3.84 3.84 0 0 1-2.068 2.61l-35.752 17.343a3.8 3.8 0 0 1-1.674.384zm-32.532-23.636 32.52 15.541 32.427-15.73 7.924-35.164-22.555-28.111-36.039.111-22.418 28.238z" class="cls-3"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-5.38 -1.13 370.5 362"><defs><style>.cls-1{fill:#fff}</style></defs><path d="M357.224 128.518 260.185 7.437A3.84 3.84 0 0 0 257.191 6h-.012l-155.086.479a3.84 3.84 0 0 0-2.995 1.454L2.762 129.595a3.84 3.84 0 0 0-.73 3.245l34.947 151.244a3.83 3.83 0 0 0 2.082 2.596l139.932 66.943a3.83 3.83 0 0 0 3.333-.009l139.533-67.784a3.83 3.83 0 0 0 2.066-2.61l34.048-151.46a3.84 3.84 0 0 0-.75-3.242zm-37.041 153.86-139.534 67.784L40.717 283.22 5.77 131.977l96.336-121.662 155.085-.478 97.04 121.081z" class="cls-1"/><path d="M102.106 10.315 5.77 131.977 40.717 283.22l139.932 66.942 139.534-67.783 34.048-151.461L257.19 9.837zm214.738 269.42-136.208 66.168L44.04 280.556 9.923 132.911l94.043-118.765 151.388-.467 94.728 118.198z" class="cls-1"/><path d="m169.549 65.934-7.005-3.134-14.87 33.236 4.471 8.797zM86.425 208.28l-1.352 7.553 32.135 5.751 7.462-6.46zm4.152-91.268-6.771 3.61 16.896 31.693 9.694 1.874zm52.306 152.415 4.826 5.965 28.292-22.884v-9.868zm87.548-5.542 7.67.255 1.212-36.399-7.463-6.462zm54.059-74.661 4.942-5.871-27.869-23.467-9.693 1.869zm-67.675-80.429 41.665-9.09-1.635-7.497-35.602 7.767z" class="cls-1"/><path d="m228.401 160.61-1.336 5.929 24.805-4.784-1.355-1.141 4.942-5.87 6.106 5.142 60.62-11.69-1.45-7.54-60.322 11.636 16.893-31.684-6.75-3.603-19.794 37.158-22.504 4.34a3.8 3.8 0 0 1 .145 2.107m-68.355-35.552 2.373-.007-10.274-20.218-.736 1.645-7.005-3.134 3.27-7.308-27.972-55.044-6.844 3.48 27.82 54.755-35.114-7.497-1.595 7.504 41.182 8.773 10.38 20.42 1.522-1.918a3.84 3.84 0 0 1 2.993-1.45zm-18.901 75.804-16.475 14.262 5.51.987-1.352 7.553-11.62-2.08-47.07 40.747 5.025 5.8 46.693-40.413 1.232 36.397 7.664-.247-1.429-42.596 18.937-16.39-5.597-2.675a3.8 3.8 0 0 1-1.518-1.345m39.025 18.853a3.85 3.85 0 0 1-1.654-.375l-2.515-1.201v24.501l1.43-1.156 4.827 5.964-6.256 5.06v61.707h7.656v-61.41l27.914 22.577 4.821-5.96-32.728-26.485v-24.489l-1.82.883a3.8 3.8 0 0 1-1.674.384zm-48.272-61.37-21.502-4.156 1.076 2.019-6.77 3.61-4-7.503-60.319-11.66-1.45 7.54 60.628 11.696-27.856 23.462 4.944 5.873 32.605-27.443 23.612 4.554-1.262-5.442a3.83 3.83 0 0 1 .294-2.55m81.546-56.668 7.8-1.702 27.704-55.184-6.845-3.437-27.551 54.886-14.813-32.7-6.996 3.169 17.379 38.354-9.998 19.91a3.82 3.82 0 0 1 2.66 1.399l3.203 3.993 10.828-21.57-1.735.379zm4.153 100.31-5.146 2.497 19.4 16.795.06-1.794 7.669.254-.267 8.002 46.67 40.405 5.024-5.822-46.424-40.196 35.338-6.308-1.341-7.562-41.458 7.424-17.802-15.39a3.83 3.83 0 0 1-1.723 1.695" class="cls-1"/><path d="m151.409 106.478.736-1.645-4.471-8.797-3.27 7.308zm62.035-4.801 1.636 7.497 1.735-.379 4.428-8.82zm-101.972 54.531-1.076-2.019-9.694-1.874 4 7.503zm65.96 85.276-1.431 1.156v9.868l6.257-5.06zm54.478-21.999-.06 1.794 7.463 6.462.267-8.002zm18.605-58.871 1.355 1.141 9.693-1.869-6.106-5.141zm-120.334 55.497-5.511-.987-7.462 6.46 11.62 2.08zm69.602-87.339h-1.566l1.907-3.799c-.112-.01-.22-.037-.334-.037h-.012l-37.36.115 1.932 3.8-4.307.022-2.61 3.3-1.903-3.745-23.193 29.215a4 4 0 0 0-.439.702l4.168.806-.725.914 1.653 7.069-4.128-.797 7.714 33.275a3.8 3.8 0 0 0 .565 1.25l3.056-2.646.13.53 7.106 3.385-3.177 2.75 27.742 13.257v-4.261l4.154 1.98 3.51-1.705v4.296l28.785-13.964-3.177-2.751 6.655-3.22.218-.964 3.173 2.743a3.8 3.8 0 0 0 .345-.914l7.4-32.84-4.139.799 1.726-7.57-.4-.493 4.004-.771a3.8 3.8 0 0 0-.605-1.136l-21.664-27.002-1.905 3.794zm20.726 31.954-7.923 35.163-32.428 15.731-32.52-15.541-8.141-35.115 22.419-28.238 36.038-.112z" class="cls-1"/><path d="m215.93 198.513-6.656 3.22 3.177 2.75 5.146-2.496a3.83 3.83 0 0 0 1.723-1.695l-3.173-2.743zm-15.806-73.54-1.907 3.799h1.566l4.3 5.387 1.904-3.794-3.204-3.994a3.82 3.82 0 0 0-2.659-1.398m24.528 34.794-1.726 7.57 4.14-.798 1.335-5.929a3.8 3.8 0 0 0-.145-2.108l-4.003.772zm-80.32 38.978-.13-.529-3.057 2.646a3.8 3.8 0 0 0 1.518 1.344l5.597 2.675 3.177-2.75zm15.711-69.872 4.307-.021-1.931-3.801-2.373.007a3.84 3.84 0 0 0-2.993 1.451l-1.523 1.919 1.903 3.744zm20.113 86.983-4.155-1.979v4.261l2.515 1.202a3.84 3.84 0 0 0 3.33-.009l1.82-.883v-4.296zm-44.815-55.791.725-.914-4.168-.806a3.83 3.83 0 0 0-.294 2.55l1.262 5.442 4.128.797z" class="cls-1"/></svg>
使用上の注意
- 元の 1.02:1 の縦横比(viewBox "-5.38 -1.13 370.5 362")を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。