arcadia / chain-bloom

Chain Bloom

thumb.svg14.6 KB
1<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400"><defs>
2<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#0b0f3a"/><stop offset=".55" stop-color="#0a3a4a"/><stop offset="1" stop-color="#04182a"/></linearGradient>
3<radialGradient id="gl"><stop offset="0" stop-color="#7ff" stop-opacity=".8"/><stop offset="1" stop-color="#7ff" stop-opacity="0"/></radialGradient>
4<radialGradient id="gp"><stop offset="0" stop-color="#f7f" stop-opacity=".7"/><stop offset="1" stop-color="#f7f" stop-opacity="0"/></radialGradient>
5<radialGradient id="gy"><stop offset="0" stop-color="#fd6" stop-opacity=".7"/><stop offset="1" stop-color="#fd6" stop-opacity="0"/></radialGradient>
6<radialGradient id="vg" cx=".5" cy=".5" r=".75"><stop offset=".55" stop-color="#000" stop-opacity="0"/><stop offset="1" stop-color="#000" stop-opacity=".6"/></radialGradient>
7<linearGradient id="tx" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#a5f8ff"/><stop offset=".6" stop-color="#b8a2ff"/><stop offset="1" stop-color="#ff8ad8"/></linearGradient></defs>
8<rect width="400" height="400" fill="url(#bg)"/>
9<ellipse cx="60" cy="330" rx="70" ry="50" fill="#0e4a48" opacity=".7"/><ellipse cx="350" cy="90" rx="60" ry="42" fill="#0e4a48" opacity=".6"/><ellipse cx="370" cy="350" rx="60" ry="40" fill="#0a3a40" opacity=".7"/>
10<g fill="none" stroke="#7ff" stroke-opacity=".35" stroke-width="2"><circle cx="200" cy="170" r="70"/><circle cx="200" cy="170" r="105" stroke-opacity=".2"/><circle cx="200" cy="170" r="140" stroke-opacity=".1"/></g>
11<circle cx="80" cy="120" r="46" fill="url(#gp)"/><circle cx="320" cy="215" r="50" fill="url(#gy)"/><circle cx="200" cy="170" r="110" fill="url(#gl)"/><circle cx="110" cy="250" r="40" fill="url(#gl)"/>
12<g transform="translate(200 170) rotate(0.0)"><path d="M0 0 L-30 -36.12 L0 -86Z" fill="hsl(190,85%,62%)" opacity="1"/><path d="M0 0 L30 -36.12 L0 -86Z" fill="hsl(190,85%,46%)" opacity="1"/></g><g transform="translate(200 170) rotate(36.0)"><path d="M0 0 L-30 -36.12 L0 -86Z" fill="hsl(190,85%,62%)" opacity="1"/><path d="M0 0 L30 -36.12 L0 -86Z" fill="hsl(190,85%,46%)" opacity="1"/></g><g transform="translate(200 170) rotate(72.0)"><path d="M0 0 L-30 -36.12 L0 -86Z" fill="hsl(190,85%,62%)" opacity="1"/><path d="M0 0 L30 -36.12 L0 -86Z" fill="hsl(190,85%,46%)" opacity="1"/></g><g transform="translate(200 170) rotate(108.0)"><path d="M0 0 L-30 -36.12 L0 -86Z" fill="hsl(190,85%,62%)" opacity="1"/><path d="M0 0 L30 -36.12 L0 -86Z" fill="hsl(190,85%,46%)" opacity="1"/></g><g transform="translate(200 170) rotate(144.0)"><path d="M0 0 L-30 -36.12 L0 -86Z" fill="hsl(190,85%,62%)" opacity="1"/><path d="M0 0 L30 -36.12 L0 -86Z" fill="hsl(190,85%,46%)" opacity="1"/></g><g transform="translate(200 170) rotate(180.0)"><path d="M0 0 L-30 -36.12 L0 -86Z" fill="hsl(190,85%,62%)" opacity="1"/><path d="M0 0 L30 -36.12 L0 -86Z" fill="hsl(190,85%,46%)" opacity="1"/></g><g transform="translate(200 170) rotate(216.0)"><path d="M0 0 L-30 -36.12 L0 -86Z" fill="hsl(190,85%,62%)" opacity="1"/><path d="M0 0 L30 -36.12 L0 -86Z" fill="hsl(190,85%,46%)" opacity="1"/></g><g transform="translate(200 170) rotate(252.0)"><path d="M0 0 L-30 -36.12 L0 -86Z" fill="hsl(190,85%,62%)" opacity="1"/><path d="M0 0 L30 -36.12 L0 -86Z" fill="hsl(190,85%,46%)" opacity="1"/></g><g transform="translate(200 170) rotate(288.0)"><path d="M0 0 L-30 -36.12 L0 -86Z" fill="hsl(190,85%,62%)" opacity="1"/><path d="M0 0 L30 -36.12 L0 -86Z" fill="hsl(190,85%,46%)" opacity="1"/></g><g transform="translate(200 170) rotate(324.0)"><path d="M0 0 L-30 -36.12 L0 -86Z" fill="hsl(190,85%,62%)" opacity="1"/><path d="M0 0 L30 -36.12 L0 -86Z" fill="hsl(190,85%,46%)" opacity="1"/></g><g transform="translate(200 170) rotate(0.0)"><path d="M0 0 L-22 -25.2 L0 -60Z" fill="hsl(300,85%,62%)" opacity="1"/><path d="M0 0 L22 -25.2 L0 -60Z" fill="hsl(300,85%,46%)" opacity="1"/></g><g transform="translate(200 170) rotate(36.0)"><path d="M0 0 L-22 -25.2 L0 -60Z" fill="hsl(300,85%,62%)" opacity="1"/><path d="M0 0 L22 -25.2 L0 -60Z" fill="hsl(300,85%,46%)" opacity="1"/></g><g transform="translate(200 170) rotate(72.0)"><path d="M0 0 L-22 -25.2 L0 -60Z" fill="hsl(300,85%,62%)" opacity="1"/><path d="M0 0 L22 -25.2 L0 -60Z" fill="hsl(300,85%,46%)" opacity="1"/></g><g transform="translate(200 170) rotate(108.0)"><path d="M0 0 L-22 -25.2 L0 -60Z" fill="hsl(300,85%,62%)" opacity="1"/><path d="M0 0 L22 -25.2 L0 -60Z" fill="hsl(300,85%,46%)" opacity="1"/></g><g transform="translate(200 170) rotate(144.0)"><path d="M0 0 L-22 -25.2 L0 -60Z" fill="hsl(300,85%,62%)" opacity="1"/><path d="M0 0 L22 -25.2 L0 -60Z" fill="hsl(300,85%,46%)" opacity="1"/></g><g transform="translate(200 170) rotate(180.0)"><path d="M0 0 L-22 -25.2 L0 -60Z" fill="hsl(300,85%,62%)" opacity="1"/><path d="M0 0 L22 -25.2 L0 -60Z" fill="hsl(300,85%,46%)" opacity="1"/></g><g transform="translate(200 170) rotate(216.0)"><path d="M0 0 L-22 -25.2 L0 -60Z" fill="hsl(300,85%,62%)" opacity="1"/><path d="M0 0 L22 -25.2 L0 -60Z" fill="hsl(300,85%,46%)" opacity="1"/></g><g transform="translate(200 170) rotate(252.0)"><path d="M0 0 L-22 -25.2 L0 -60Z" fill="hsl(300,85%,62%)" opacity="1"/><path d="M0 0 L22 -25.2 L0 -60Z" fill="hsl(300,85%,46%)" opacity="1"/></g><g transform="translate(200 170) rotate(288.0)"><path d="M0 0 L-22 -25.2 L0 -60Z" fill="hsl(300,85%,62%)" opacity="1"/><path d="M0 0 L22 -25.2 L0 -60Z" fill="hsl(300,85%,46%)" opacity="1"/></g><g transform="translate(200 170) rotate(324.0)"><path d="M0 0 L-22 -25.2 L0 -60Z" fill="hsl(300,85%,62%)" opacity="1"/><path d="M0 0 L22 -25.2 L0 -60Z" fill="hsl(300,85%,46%)" opacity="1"/></g><g transform="translate(200 170) rotate(0.0)"><path d="M0 0 L-14 -14.28 L0 -34Z" fill="hsl(50,85%,62%)" opacity="1"/><path d="M0 0 L14 -14.28 L0 -34Z" fill="hsl(50,85%,46%)" opacity="1"/></g><g transform="translate(200 170) rotate(45.0)"><path d="M0 0 L-14 -14.28 L0 -34Z" fill="hsl(50,85%,62%)" opacity="1"/><path d="M0 0 L14 -14.28 L0 -34Z" fill="hsl(50,85%,46%)" opacity="1"/></g><g transform="translate(200 170) rotate(90.0)"><path d="M0 0 L-14 -14.28 L0 -34Z" fill="hsl(50,85%,62%)" opacity="1"/><path d="M0 0 L14 -14.28 L0 -34Z" fill="hsl(50,85%,46%)" opacity="1"/></g><g transform="translate(200 170) rotate(135.0)"><path d="M0 0 L-14 -14.28 L0 -34Z" fill="hsl(50,85%,62%)" opacity="1"/><path d="M0 0 L14 -14.28 L0 -34Z" fill="hsl(50,85%,46%)" opacity="1"/></g><g transform="translate(200 170) rotate(180.0)"><path d="M0 0 L-14 -14.28 L0 -34Z" fill="hsl(50,85%,62%)" opacity="1"/><path d="M0 0 L14 -14.28 L0 -34Z" fill="hsl(50,85%,46%)" opacity="1"/></g><g transform="translate(200 170) rotate(225.0)"><path d="M0 0 L-14 -14.28 L0 -34Z" fill="hsl(50,85%,62%)" opacity="1"/><path d="M0 0 L14 -14.28 L0 -34Z" fill="hsl(50,85%,46%)" opacity="1"/></g><g transform="translate(200 170) rotate(270.0)"><path d="M0 0 L-14 -14.28 L0 -34Z" fill="hsl(50,85%,62%)" opacity="1"/><path d="M0 0 L14 -14.28 L0 -34Z" fill="hsl(50,85%,46%)" opacity="1"/></g><g transform="translate(200 170) rotate(315.0)"><path d="M0 0 L-14 -14.28 L0 -34Z" fill="hsl(50,85%,62%)" opacity="1"/><path d="M0 0 L14 -14.28 L0 -34Z" fill="hsl(50,85%,46%)" opacity="1"/></g><circle cx="200" cy="170" r="7" fill="#fff"/><g transform="translate(80 120) rotate(0.0)"><path d="M0 0 L-13 -14.28 L0 -34Z" fill="hsl(320,85%,62%)" opacity="1"/><path d="M0 0 L13 -14.28 L0 -34Z" fill="hsl(320,85%,46%)" opacity="1"/></g><g transform="translate(80 120) rotate(60.0)"><path d="M0 0 L-13 -14.28 L0 -34Z" fill="hsl(320,85%,62%)" opacity="1"/><path d="M0 0 L13 -14.28 L0 -34Z" fill="hsl(320,85%,46%)" opacity="1"/></g><g transform="translate(80 120) rotate(120.0)"><path d="M0 0 L-13 -14.28 L0 -34Z" fill="hsl(320,85%,62%)" opacity="1"/><path d="M0 0 L13 -14.28 L0 -34Z" fill="hsl(320,85%,46%)" opacity="1"/></g><g transform="translate(80 120) rotate(180.0)"><path d="M0 0 L-13 -14.28 L0 -34Z" fill="hsl(320,85%,62%)" opacity="1"/><path d="M0 0 L13 -14.28 L0 -34Z" fill="hsl(320,85%,46%)" opacity="1"/></g><g transform="translate(80 120) rotate(240.0)"><path d="M0 0 L-13 -14.28 L0 -34Z" fill="hsl(320,85%,62%)" opacity="1"/><path d="M0 0 L13 -14.28 L0 -34Z" fill="hsl(320,85%,46%)" opacity="1"/></g><g transform="translate(80 120) rotate(300.0)"><path d="M0 0 L-13 -14.28 L0 -34Z" fill="hsl(320,85%,62%)" opacity="1"/><path d="M0 0 L13 -14.28 L0 -34Z" fill="hsl(320,85%,46%)" opacity="1"/></g><g transform="translate(320 215) rotate(0.0)"><path d="M0 0 L-13 -15.959999999999999 L0 -38Z" fill="hsl(46,85%,62%)" opacity="1"/><path d="M0 0 L13 -15.959999999999999 L0 -38Z" fill="hsl(46,85%,46%)" opacity="1"/></g><g transform="translate(320 215) rotate(45.0)"><path d="M0 0 L-13 -15.959999999999999 L0 -38Z" fill="hsl(46,85%,62%)" opacity="1"/><path d="M0 0 L13 -15.959999999999999 L0 -38Z" fill="hsl(46,85%,46%)" opacity="1"/></g><g transform="translate(320 215) rotate(90.0)"><path d="M0 0 L-13 -15.959999999999999 L0 -38Z" fill="hsl(46,85%,62%)" opacity="1"/><path d="M0 0 L13 -15.959999999999999 L0 -38Z" fill="hsl(46,85%,46%)" opacity="1"/></g><g transform="translate(320 215) rotate(135.0)"><path d="M0 0 L-13 -15.959999999999999 L0 -38Z" fill="hsl(46,85%,62%)" opacity="1"/><path d="M0 0 L13 -15.959999999999999 L0 -38Z" fill="hsl(46,85%,46%)" opacity="1"/></g><g transform="translate(320 215) rotate(180.0)"><path d="M0 0 L-13 -15.959999999999999 L0 -38Z" fill="hsl(46,85%,62%)" opacity="1"/><path d="M0 0 L13 -15.959999999999999 L0 -38Z" fill="hsl(46,85%,46%)" opacity="1"/></g><g transform="translate(320 215) rotate(225.0)"><path d="M0 0 L-13 -15.959999999999999 L0 -38Z" fill="hsl(46,85%,62%)" opacity="1"/><path d="M0 0 L13 -15.959999999999999 L0 -38Z" fill="hsl(46,85%,46%)" opacity="1"/></g><g transform="translate(320 215) rotate(270.0)"><path d="M0 0 L-13 -15.959999999999999 L0 -38Z" fill="hsl(46,85%,62%)" opacity="1"/><path d="M0 0 L13 -15.959999999999999 L0 -38Z" fill="hsl(46,85%,46%)" opacity="1"/></g><g transform="translate(320 215) rotate(315.0)"><path d="M0 0 L-13 -15.959999999999999 L0 -38Z" fill="hsl(46,85%,62%)" opacity="1"/><path d="M0 0 L13 -15.959999999999999 L0 -38Z" fill="hsl(46,85%,46%)" opacity="1"/></g><g transform="translate(110 250) rotate(0.0)"><path d="M0 0 L-11 -12.6 L0 -30Z" fill="hsl(200,85%,62%)" opacity="1"/><path d="M0 0 L11 -12.6 L0 -30Z" fill="hsl(200,85%,46%)" opacity="1"/></g><g transform="translate(110 250) rotate(60.0)"><path d="M0 0 L-11 -12.6 L0 -30Z" fill="hsl(200,85%,62%)" opacity="1"/><path d="M0 0 L11 -12.6 L0 -30Z" fill="hsl(200,85%,46%)" opacity="1"/></g><g transform="translate(110 250) rotate(120.0)"><path d="M0 0 L-11 -12.6 L0 -30Z" fill="hsl(200,85%,62%)" opacity="1"/><path d="M0 0 L11 -12.6 L0 -30Z" fill="hsl(200,85%,46%)" opacity="1"/></g><g transform="translate(110 250) rotate(180.0)"><path d="M0 0 L-11 -12.6 L0 -30Z" fill="hsl(200,85%,62%)" opacity="1"/><path d="M0 0 L11 -12.6 L0 -30Z" fill="hsl(200,85%,46%)" opacity="1"/></g><g transform="translate(110 250) rotate(240.0)"><path d="M0 0 L-11 -12.6 L0 -30Z" fill="hsl(200,85%,62%)" opacity="1"/><path d="M0 0 L11 -12.6 L0 -30Z" fill="hsl(200,85%,46%)" opacity="1"/></g><g transform="translate(110 250) rotate(300.0)"><path d="M0 0 L-11 -12.6 L0 -30Z" fill="hsl(200,85%,62%)" opacity="1"/><path d="M0 0 L11 -12.6 L0 -30Z" fill="hsl(200,85%,46%)" opacity="1"/></g><g transform="translate(300 110) rotate(0.0)"><path d="M0 0 L-9 -10.08 L0 -24Z" fill="hsl(160,85%,62%)" opacity="1"/><path d="M0 0 L9 -10.08 L0 -24Z" fill="hsl(160,85%,46%)" opacity="1"/></g><g transform="translate(300 110) rotate(60.0)"><path d="M0 0 L-9 -10.08 L0 -24Z" fill="hsl(160,85%,62%)" opacity="1"/><path d="M0 0 L9 -10.08 L0 -24Z" fill="hsl(160,85%,46%)" opacity="1"/></g><g transform="translate(300 110) rotate(120.0)"><path d="M0 0 L-9 -10.08 L0 -24Z" fill="hsl(160,85%,62%)" opacity="1"/><path d="M0 0 L9 -10.08 L0 -24Z" fill="hsl(160,85%,46%)" opacity="1"/></g><g transform="translate(300 110) rotate(180.0)"><path d="M0 0 L-9 -10.08 L0 -24Z" fill="hsl(160,85%,62%)" opacity="1"/><path d="M0 0 L9 -10.08 L0 -24Z" fill="hsl(160,85%,46%)" opacity="1"/></g><g transform="translate(300 110) rotate(240.0)"><path d="M0 0 L-9 -10.08 L0 -24Z" fill="hsl(160,85%,62%)" opacity="1"/><path d="M0 0 L9 -10.08 L0 -24Z" fill="hsl(160,85%,46%)" opacity="1"/></g><g transform="translate(300 110) rotate(300.0)"><path d="M0 0 L-9 -10.08 L0 -24Z" fill="hsl(160,85%,62%)" opacity="1"/><path d="M0 0 L9 -10.08 L0 -24Z" fill="hsl(160,85%,46%)" opacity="1"/></g><g transform="translate(60 220) rotate(0.0)"><path d="M0 0 L-8 -9.24 L0 -22Z" fill="hsl(270,85%,62%)" opacity="1"/><path d="M0 0 L8 -9.24 L0 -22Z" fill="hsl(270,85%,46%)" opacity="1"/></g><g transform="translate(60 220) rotate(72.0)"><path d="M0 0 L-8 -9.24 L0 -22Z" fill="hsl(270,85%,62%)" opacity="1"/><path d="M0 0 L8 -9.24 L0 -22Z" fill="hsl(270,85%,46%)" opacity="1"/></g><g transform="translate(60 220) rotate(144.0)"><path d="M0 0 L-8 -9.24 L0 -22Z" fill="hsl(270,85%,62%)" opacity="1"/><path d="M0 0 L8 -9.24 L0 -22Z" fill="hsl(270,85%,46%)" opacity="1"/></g><g transform="translate(60 220) rotate(216.0)"><path d="M0 0 L-8 -9.24 L0 -22Z" fill="hsl(270,85%,62%)" opacity="1"/><path d="M0 0 L8 -9.24 L0 -22Z" fill="hsl(270,85%,46%)" opacity="1"/></g><g transform="translate(60 220) rotate(288.0)"><path d="M0 0 L-8 -9.24 L0 -22Z" fill="hsl(270,85%,62%)" opacity="1"/><path d="M0 0 L8 -9.24 L0 -22Z" fill="hsl(270,85%,46%)" opacity="1"/></g><g transform="translate(345 300) rotate(0.0)"><path d="M0 0 L-9 -10.08 L0 -24Z" fill="hsl(220,85%,62%)" opacity="1"/><path d="M0 0 L9 -10.08 L0 -24Z" fill="hsl(220,85%,46%)" opacity="1"/></g><g transform="translate(345 300) rotate(60.0)"><path d="M0 0 L-9 -10.08 L0 -24Z" fill="hsl(220,85%,62%)" opacity="1"/><path d="M0 0 L9 -10.08 L0 -24Z" fill="hsl(220,85%,46%)" opacity="1"/></g><g transform="translate(345 300) rotate(120.0)"><path d="M0 0 L-9 -10.08 L0 -24Z" fill="hsl(220,85%,62%)" opacity="1"/><path d="M0 0 L9 -10.08 L0 -24Z" fill="hsl(220,85%,46%)" opacity="1"/></g><g transform="translate(345 300) rotate(180.0)"><path d="M0 0 L-9 -10.08 L0 -24Z" fill="hsl(220,85%,62%)" opacity="1"/><path d="M0 0 L9 -10.08 L0 -24Z" fill="hsl(220,85%,46%)" opacity="1"/></g><g transform="translate(345 300) rotate(240.0)"><path d="M0 0 L-9 -10.08 L0 -24Z" fill="hsl(220,85%,62%)" opacity="1"/><path d="M0 0 L9 -10.08 L0 -24Z" fill="hsl(220,85%,46%)" opacity="1"/></g><g transform="translate(345 300) rotate(300.0)"><path d="M0 0 L-9 -10.08 L0 -24Z" fill="hsl(220,85%,62%)" opacity="1"/><path d="M0 0 L9 -10.08 L0 -24Z" fill="hsl(220,85%,46%)" opacity="1"/></g><g font-family="Trebuchet MS,Segoe UI,sans-serif" font-weight="900" text-anchor="middle" fill="url(#tx)" letter-spacing="4"><text x="200" y="322" font-size="50" stroke="#fff" stroke-opacity=".5" stroke-width="1">CHAIN</text><text x="200" y="374" font-size="50" stroke="#fff" stroke-opacity=".5" stroke-width="1">BLOOM</text></g>
13<rect width="400" height="400" fill="url(#vg)"/></svg>