Code - yangart/cbeHanja

<?xml version="1.0" encoding="UTF-8"?> <svg id="_레이어_1" data-name="레이어_1" xmlns="http://www.w3.org/2000/svg" width="1920" height="980" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 1920 980">  <defs> <style> .st0 { fill: none; } .st1 { fill: url(#_무제_그라디언트_21); } .st1, .st2, .st3, .st4, .st5, .st6, .st7, .st8, .st9, .st10, .st11 { isolation: isolate; } .st1, .st2, .st6, .st7 { mix-blend-mode: overlay; } .st2 { fill: url(#_무제_그라디언트_22); } .st12 { fill: url(#_무제_그라디언트); } .st4, .st5, .st8, .st9, .st10, .st11 { mix-blend-mode: multiply; opacity: .25; } .st5 { fill: url(#_무제_그라디언트_10); } .st6 { fill: url(#_무제_그라디언트_23); } .st6, .st7 { opacity: .8; } .st7 { fill: url(#_무제_그라디언트_24); } .st13 { clip-path: url(#clippath); } .st8 { fill: url(#_무제_그라디언트_4); } .st9 { fill: url(#_무제_그라디언트_9); } .st10 { fill: url(#_무제_그라디언트_3); } .st11 { fill: url(#_무제_그라디언트_2); } </style> <linearGradient id="_무제_그라디언트" data-name="무제 그라디언트" x1="960" y1="980" x2="960" y2="0" gradientTransform="translate(0 980) scale(1 -1)" gradientUnits="userSpaceOnUse"> <stop offset="0" stop-color="#d2e6fa"/> <stop offset=".171" stop-color="#e5f1fc"/> <stop offset=".366" stop-color="#f4f8fd"/> <stop offset=".604" stop-color="#fcfdfe"/> <stop offset="1" stop-color="#fff"/> </linearGradient> <clipPath id="clippath"> <rect class="st0" width="1920" height="980"/> </clipPath> <linearGradient id="_무제_그라디언트_2" data-name="무제 그라디언트 2" x1="9.13" y1="-45.018" x2="305.139" y2="284.91" gradientTransform="translate(0 980) scale(1 -1)" gradientUnits="userSpaceOnUse"> <stop offset="0" stop-color="#fff"/> <stop offset="1" stop-color="#9fcaf4"/> </linearGradient> <linearGradient id="_무제_그라디언트_3" data-name="무제 그라디언트 3" x1="12499.495" y1="-9818.627" x2="12355.447" y2="-9944.669" gradientTransform="translate(15164.08 -4612.213) rotate(122.454) scale(1 -1)" gradientUnits="userSpaceOnUse"> <stop offset="0" stop-color="#F65C70"/> <stop offset="1" stop-color="#fff"/> </linearGradient> <linearGradient id="_무제_그라디언트_4" data-name="무제 그라디언트 4" x1="-2205.758" y1="-2273.846" x2="-2131.755" y2="-2068.284" gradientTransform="translate(-952.627 -1743.052) rotate(-73.256) scale(1 -1)" gradientUnits="userSpaceOnUse"> <stop offset="0" stop-color="#D6F5D6" stop-opacity="0"/> <stop offset="1" stop-color="#85DC85"/> </linearGradient> <linearGradient id="_무제_그라디언트_21" data-name="무제 그라디언트 2" x1="11161.351" y1="1518.626" x2="11536.075" y2="1936.287" gradientTransform="translate(12286.145 -4511.178) rotate(165.818) scale(1 -1)" xlink:href="#_무제_그라디언트_2"/> <linearGradient id="_무제_그라디언트_22" data-name="무제 그라디언트 2" x1="8536.94" y1="5664.249" x2="8833.371" y2="5994.648" gradientTransform="translate(11215.557 3577.12) rotate(-125.583) scale(1 -1)" xlink:href="#_무제_그라디언트_2"/> <linearGradient id="_무제_그라디언트_23" data-name="무제 그라디언트 2" x1="11084.73" y1="-9208.931" x2="10885.005" y2="-9383.691" gradientTransform="translate(4527.57 -13908.766) rotate(59.999) scale(1 -1)" xlink:href="#_무제_그라디언트_2"/> <linearGradient id="_무제_그라디언트_24" data-name="무제 그라디언트 2" x1="10621.019" y1="-9917.262" x2="10542.46" y2="-9986" gradientTransform="translate(7241.914 -12975.097) rotate(71.341) scale(1 -1)" xlink:href="#_무제_그라디언트_2"/> <linearGradient id="_무제_그라디언트_9" data-name="무제 그라디언트 9" x1="12589.692" y1="-6946.561" x2="11595.416" y2="-7816.552" gradientTransform="translate(15953.467 4497.849) rotate(162.65) scale(1 -1)" gradientUnits="userSpaceOnUse"> <stop offset="0" stop-color="#fff"/> <stop offset="1" stop-color="#9fcaf4"/> </linearGradient> <linearGradient id="_무제_그라디언트_10" data-name="무제 그라디언트 10" x1="14381.985" y1="-8809.367" x2="13387.709" y2="-9679.358" gradientTransform="translate(15953.467 4497.849) rotate(162.65) scale(1 -1)" gradientUnits="userSpaceOnUse"> <stop offset="0" stop-color="#fff"/> <stop offset="1" stop-color="#9fcaf4"/> </linearGradient> </defs> <g class="st3"> <g id="_레이어_11" data-name="_레이어_1"> <rect class="st12" width="1920" height="980"/> <g class="st13"> <g> <path class="st11" d="M202.092,563.435c-136.143,0-246.509,110.366-246.509,246.509s110.366,246.509,246.509,246.509,246.509-110.366,246.509-246.509-110.366-246.509-246.509-246.509h0ZM202.092,929.828c-66.21,0-119.884-53.674-119.884-119.884s53.674-119.884,119.884-119.884,119.884,53.674,119.884,119.884-53.674,119.884-119.884,119.884h0Z"/> <circle class="st10" cx="151.938" cy="539.579" r="79.702"/> <circle class="st8" cx="655.181" cy="1073.067" r="333.205"/> <g class="st4"> <path class="st1" d="M1743.431,321.944c167.091-42.22,268.319-211.9,226.099-378.991s-211.9-268.319-378.991-226.099c-167.091,42.22-268.319,211.9-226.099,378.991s211.9,268.319,378.991,226.099ZM1629.807-127.736c81.261-20.533,163.781,28.697,184.313,109.958,20.533,81.261-28.697,163.781-109.958,184.313-81.261,20.533-163.781-28.697-184.313-109.958-20.533-81.261,28.697-163.781,109.958-184.313Z"/> <path class="st2" d="M1152.809,41.964c79.336,110.882,233.538,136.455,344.42,57.119,110.882-79.336,136.455-233.538,57.119-344.42-79.336-110.882-233.538-136.455-344.42-57.119-110.882,79.336-136.455,233.538-57.119,344.42h0ZM1472.219-186.573c46.882,65.523,31.77,156.645-33.753,203.526-65.523,46.882-156.645,31.77-203.526-33.753-46.882-65.523-31.77-156.645,33.753-203.526,65.523-46.882,156.645-31.77,203.526,33.753Z"/> <circle class="st6" cx="1926.665" cy="238.046" r="110.509"/> <circle class="st7" cx="1183.463" cy="225.417" r="43.467" transform="translate(-21.22 237.148) rotate(-11.342)"/> </g> <circle class="st9" cx="2327.003" cy="866.837" r="550.149"/> <circle class="st5" cx="60.764" cy="-376.754" r="550.149"/> </g> </g> </g> </g> </svg>