ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- World Monitor (world-monitor)
- 公式カラー (HEX / RGB / HSL)
- #D4B86Argb(212, 184, 106) · hsl(44, 55%, 62%)
- WCAG コントラストとファイルサイズ
- 白背景 1.9:1 · 黒背景 10.2:1 · 3.7 KB
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><linearGradient id="world-monitor_svg__a" x1="-701.627" x2="-700.627" y1="796.447" y2="795.447" gradientTransform="matrix(512 0 0 -512 359233 407781)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#7a9f6b"/><stop offset="1" style="stop-color:#5c7f4e"/></linearGradient><circle cx="256" cy="256" r="256" style="fill:url(#world-monitor_svg__a)"/><linearGradient id="world-monitor_svg__b" x1="-700.331" x2="-700.275" y1="795.643" y2="795.588" gradientTransform="matrix(320 0 0 -320 224353 254853)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#d4b86a"/><stop offset="1" style="stop-color:#c4a35a"/></linearGradient><path d="M256 425c-93.2 0-169-75.8-169-169S162.8 87 256 87s169 75.8 169 169-75.8 169-169 169m0-320c-83.3 0-151 67.7-151 151s67.7 151 151 151 151-67.7 151-151-67.7-151-151-151" style="fill:url(#world-monitor_svg__b)"/><linearGradient id="world-monitor_svg__c" x1="-700.346" x2="-700.26" y1="793.005" y2="792.92" gradientTransform="matrix(320 0 0 -80 224353 63693)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#d4b86a"/><stop offset="1" style="stop-color:#c4a35a"/></linearGradient><path d="M256 302c-82.5 0-166-15.8-166-46s83.5-46 166-46 166 15.8 166 46-83.5 46-166 46m0-80c-42.3 0-81.9 4.1-111.7 11.5C115.1 240.8 102 250 102 256s13.1 15.2 42.3 22.5c29.8 7.4 69.4 11.5 111.7 11.5s81.9-4.1 111.7-11.5C396.9 271.2 410 262 410 256s-13.1-15.2-42.3-22.5C337.9 226.1 298.3 222 256 222" style="fill:url(#world-monitor_svg__c)"/><linearGradient id="world-monitor_svg__d" x1="-693.755" x2="-693.67" y1="795.658" y2="795.573" gradientTransform="matrix(80 0 0 -320 55753 254853)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#d4b86a"/><stop offset="1" style="stop-color:#c4a35a"/></linearGradient><path d="M256 422c-30.2 0-46-83.5-46-166s15.8-166 46-166 46 83.5 46 166-15.8 166-46 166m0-320c-5.9 0-15.2 13.1-22.5 42.3-7.4 29.8-11.5 69.4-11.5 111.7s4.1 81.9 11.5 111.7C240.8 396.9 250 410 256 410s15.2-13.1 22.5-42.3c7.4-29.8 11.5-69.4 11.5-111.7s-4.1-81.9-11.5-111.7c-7.3-29.2-16.6-42.3-22.5-42.3" style="fill:url(#world-monitor_svg__d)"/><linearGradient id="world-monitor_svg__e" x1="-700.05" x2="-699.928" y1="791.844" y2="791.722" gradientTransform="matrix(280 0 0 -60 196253 47703)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#d4b86a"/><stop offset="1" style="stop-color:#c4a35a"/></linearGradient><path d="M256 230c-37.7 0-73.1-3.2-99.8-8.9-29.3-6.3-44.2-14.7-44.2-25.1s14.9-18.8 44.2-25.1c26.7-5.7 62.2-8.9 99.8-8.9 37.7 0 73.1 3.2 99.8 8.9 29.3 6.3 44.2 14.7 44.2 25.1s-14.9 18.8-44.2 25.1c-26.7 5.7-62.1 8.9-99.8 8.9m0-60c-37.1 0-72 3.1-98.2 8.7C128 185.1 120 192.6 120 196s8 10.9 37.8 17.3c26.2 5.6 61 8.7 98.2 8.7s72-3.1 98.2-8.7C384 206.9 392 199.4 392 196s-8-10.9-37.8-17.3c-26.2-5.6-61.1-8.7-98.2-8.7" style="opacity:.6;fill:url(#world-monitor_svg__e)"/><linearGradient id="world-monitor_svg__f" x1="-700.05" x2="-699.928" y1="791.844" y2="791.722" gradientTransform="matrix(280 0 0 -60 196253 47823)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#d4b86a"/><stop offset="1" style="stop-color:#c4a35a"/></linearGradient><path d="M256 350c-37.7 0-73.1-3.2-99.8-8.9-29.3-6.3-44.2-14.7-44.2-25.1s14.9-18.8 44.2-25.1c26.7-5.7 62.2-8.9 99.8-8.9 37.7 0 73.1 3.2 99.8 8.9 29.3 6.3 44.2 14.7 44.2 25.1s-14.9 18.8-44.2 25.1c-26.7 5.7-62.1 8.9-99.8 8.9m0-60c-37.1 0-72 3.1-98.2 8.7C128 305.1 120 312.6 120 316s8 10.9 37.8 17.3c26.2 5.6 61 8.7 98.2 8.7s72-3.1 98.2-8.7C384 326.9 392 319.4 392 316s-8-10.9-37.8-17.3c-26.2-5.6-61.1-8.7-98.2-8.7" style="opacity:.6;fill:url(#world-monitor_svg__f)"/><circle cx="340" cy="172" r="24" style="opacity:.9;fill:#d4b86a"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M150.3 219.8c-18 3.9-33.2 8.9-43.8 15 1.5-11 4.3-21.6 8.1-31.6 4.9 6.5 16.8 12 35.7 16.6m67-56.6c4.1-23.6 10-43.6 17.5-56.7-46.9 6.6-86.9 34.9-109.7 74.3 7.3-3.8 17.7-7.1 31.1-9.9 17.3-3.7 38.2-6.3 61.1-7.7m-59.5 50.1c4.4.9 9 1.8 13.8 2.6 12.6-1.9 26-3.4 39.9-4.3 1-14 2.5-27.6 4.4-40.3-21.7 1.4-41.7 3.9-58.1 7.5C128 185.1 120 192.6 120 196s8 10.9 37.8 17.3m-51.3 63.9c1.5 11 4.3 21.6 8.1 31.6 4.9-6.5 16.9-12.1 35.7-16.6-18-3.9-33.2-8.9-43.8-15m79.7 8.8c7.8-1 16-1.7 24.4-2.4-.4-9.1-.6-18.4-.6-27.6s.2-18.5.6-27.6c-8.5-.6-16.6-1.4-24.4-2.4-15.3 1.9-29.5 4.4-41.9 7.5-21.1 5.3-33.8 11.6-39.2 16.9-.1 1.9-.1 3.7-.1 5.6s0 3.7.1 5.6c5.4 5.3 18.1 11.6 39.2 16.9 12.4 3.1 26.6 5.6 41.9 7.5m29.8 54.8c-1.9-12.7-3.4-26.3-4.4-40.3-13.9-1-27.3-2.4-39.9-4.3-4.8.8-9.5 1.7-13.8 2.6C128 305.1 120 312.6 120 316s8 10.9 37.8 17.3c16.5 3.5 36.4 6.1 58.2 7.5M256 170c-9.4 0-18.7.2-27.8.6-2 12.5-3.6 26-4.6 40.2 10.7-.5 21.5-.8 32.4-.8 10.8 0 21.7.3 32.4.8-1.1-14.2-2.6-27.7-4.6-40.2-9.1-.4-18.4-.6-27.8-.6m34 86c0-9.1-.2-18.1-.6-26.9-10.8.6-22 .9-33.4.9s-22.6-.3-33.4-.9c-.4 8.8-.6 17.8-.6 26.9s.2 18.1.6 26.9c10.8-.6 22-.9 33.4-.9s22.6.3 33.4.9c.4-8.8.6-17.8.6-26.9m-60.4-93.5c8.6-.3 17.4-.5 26.4-.5 8.9 0 17.8.2 26.4.5-1.2-6.4-2.5-12.5-3.9-18.2-5.3-21.1-11.6-33.8-16.9-39.2-1.9-.1-3.7-.1-5.6-.1s-3.7 0-5.6.1c-5.3 5.4-11.6 18.1-16.9 39.2-1.4 5.7-2.7 11.8-3.9 18.2m-6 138.7c1.1 14.2 2.6 27.7 4.6 40.2 9 .4 18.3.6 27.8.6 9.4 0 18.7-.2 27.8-.6 2-12.5 3.6-26 4.6-40.2-10.7.5-21.5.8-32.4.8-10.8 0-21.7-.3-32.4-.8M325.8 226c-7.8 1-16 1.7-24.4 2.4.4 9.1.6 18.4.6 27.6s-.2 18.5-.6 27.6c8.5.6 16.6 1.4 24.4 2.4 15.3-1.9 29.5-4.4 41.9-7.5 21.1-5.3 33.8-11.6 39.2-16.9.1-1.9.1-3.7.1-5.6s0-3.7-.1-5.6c-5.4-5.3-18.1-11.6-39.2-16.9-12.4-3.1-26.6-5.6-41.9-7.5m79.7 8.8c-1.5-11-4.3-21.6-8.1-31.6-4.9 6.5-16.9 12.1-35.7 16.6 18 3.9 33.2 8.9 43.8 15M340 196c-13 0-23.5-10.3-24-23.1-6.4-.7-13.1-1.2-20-1.7 1.9 12.7 3.4 26.3 4.4 40.3 13.9 1 27.3 2.4 39.9 4.3 4.8-.8 9.5-1.7 13.8-2.6C384 206.9 392 199.4 392 196c0-3.1-6.5-9.5-29.6-15.4-3.5 9-12.2 15.4-22.4 15.4m172 60c0 141.4-114.6 256-256 256S0 397.4 0 256 114.6 0 256 0s256 114.6 256 256m-87 0c0-93.2-75.8-169-169-169S87 162.8 87 256s75.8 169 169 169 169-75.8 169-169M277.2 106.5c7.5 13.1 13.4 33 17.5 56.7 7.7.5 15.1 1.1 22.3 1.8 3-9.8 12.1-17 23-17 13.3 0 24 10.7 24 24v.8c9.5 2.4 17.2 5.1 22.9 8-22.7-39.4-62.8-67.7-109.7-74.3m17.5 242.3c-4.1 23.6-10 43.6-17.5 56.7 46.9-6.6 86.9-34.9 109.7-74.3-7.3 3.8-17.7 7.1-31.1 9.9-17.3 3.7-38.2 6.3-61.1 7.7m-12.3.7c-8.6.3-17.4.5-26.4.5-8.9 0-17.8-.2-26.4-.5 1.2 6.4 2.5 12.5 3.9 18.2 5.3 21.1 11.6 33.8 16.9 39.2 1.9.1 3.7.1 5.6.1s3.7 0 5.6-.1c5.3-5.4 11.6-18.1 16.9-39.2 1.4-5.7 2.7-11.8 3.9-18.2m115-40.6c3.8-10.1 6.5-20.7 8.1-31.6-10.6 6.1-25.8 11.1-43.8 15 18.9 4.5 30.8 10 35.7 16.6m-241.2 32.2c-13.4-2.9-23.7-6.2-31.1-9.9 22.7 39.4 62.8 67.7 109.7 74.3-7.5-13.1-13.4-33-17.5-56.7-22.9-1.4-43.8-4-61.1-7.7m198-42.4c-4.4-.9-9-1.8-13.8-2.6-12.6 1.9-26 3.4-39.9 4.3-1 14-2.5 27.6-4.4 40.3 21.7-1.4 41.7-3.9 58.1-7.5C384 326.9 392 319.4 392 316s-8-10.9-37.8-17.3"/><path d="M112 196c0-10.4 14.9-18.8 44.2-25.1 26.7-5.7 62.2-8.9 99.8-8.9 21.5 0 42.2 1 61 3-.7 2.2-1 4.6-1 7v.9c-18.5-1.9-38.9-2.9-60-2.9-37.1 0-72 3.1-98.2 8.7C128 185.1 120 192.6 120 196s8 10.9 37.8 17.3c26.2 5.6 61 8.7 98.2 8.7s72-3.1 98.2-8.7C384 206.9 392 199.4 392 196c0-3.1-6.5-9.5-29.6-15.4.9-2.5 1.5-5.1 1.6-7.9 23.9 6 36 13.8 36 23.2 0 10.4-14.9 18.8-44.2 25.1-26.7 5.7-62.2 8.9-99.8 8.9-37.7 0-73.1-3.2-99.8-8.9-29.3-6.2-44.2-14.6-44.2-25m288 120c0 10.4-14.9 18.8-44.2 25.1-26.7 5.7-62.2 8.9-99.8 8.9-37.7 0-73.1-3.2-99.8-8.9-29.3-6.3-44.2-14.7-44.2-25.1s14.9-18.8 44.2-25.1c26.7-5.7 62.2-8.9 99.8-8.9 37.7 0 73.1 3.2 99.8 8.9 29.3 6.3 44.2 14.7 44.2 25.1m-8 0c0-3.4-8-10.9-37.8-17.3-26.2-5.6-61-8.7-98.2-8.7s-72 3.1-98.2 8.7C128 305.1 120 312.6 120 316s8 10.9 37.8 17.3c26.2 5.6 61 8.7 98.2 8.7s72-3.1 98.2-8.7C384 326.9 392 319.4 392 316" style="opacity:.3"/><circle cx="340" cy="172" r="24" style="opacity:.7"/></svg>
使用上の注意
- 元の 1:1 の縦横比(viewBox "0 0 512 512")を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。