Cloudy | BGJar

Cloudy

Canvas

Width

px

Height

px

Background Color

Simple Gradient

0%100%

Symbol

Range

28

28%

Layers

#4

Color

#3

Color

#2

Color

#1

Color

Action

Reset to default

License / Pricing Buy me a coffee☕

Copy Code

Raw SVG Code

<svg
 xmlns="http://www.w3.org/2000/svg" version="1.1" 
xmlns:xlink="http://www.w3.org/1999/xlink" 
xmlns:svgjs="http://svgjs.dev/svgjs" width="1440" height="560" 
preserveAspectRatio="none" viewBox="0 0 1440 560">
    <g mask="url(&quot;#SvgjsMask1018&quot;)" fill="none">
        <rect width="1440" height="560" x="0" y="0" fill="rgba(255, 
236, 224, 1)"></rect>
        <path d="M1464 560L0 560 L0 334.27Q80.36 294.63, 120 
374.99Q149 331.99, 192 360.98Q238.4 287.38, 312 333.79Q378.66 280.45, 
432 347.11Q475.41 318.52, 504 361.93Q529.26 267.19, 624 292.45Q670.45 
266.9, 696 313.35Q762.29 259.64, 816 325.93Q892.57 282.5, 936 
359.06Q950.13 301.19, 1008 315.33Q1062.01 249.33, 1128 303.34Q1176.84 
280.18, 1200 329.02Q1254.86 263.88, 1320 318.74Q1338.64 265.38, 1392 
284.02Q1438.63 258.65, 1464 305.28z" fill="rgba(255, 133, 167, 
1)"></path>
        <path d="M1464 560L0 560 L0 427.13Q15.94 371.07, 72 
387.01Q117.28 312.29, 192 357.58Q293.87 339.44, 312 441.31Q336.06 
345.37, 432 369.42Q475.95 341.38, 504 385.33Q553.4 362.74, 576 
412.14Q627.62 343.76, 696 395.38Q713.52 340.9, 768 358.42Q813 331.43, 
840 376.43Q924.63 341.06, 960 425.68Q1010 355.68, 1080 405.68Q1156.17 
361.85, 1200 438.02Q1206.51 372.52, 1272 379.03Q1325.61 312.64, 1392 
366.25Q1457.59 359.84, 1464 425.43z" fill="rgba(255, 209, 222, 
1)"></path>
        <path d="M1560 560L0 560 L0 445.56Q38.55 412.11, 72 
450.66Q99.64 406.31, 144 433.95Q223.69 393.64, 264 473.33Q330.31 419.64,
 384 485.95Q450.39 432.34, 504 498.72Q537.29 412.01, 624 445.3Q698.01 
399.31, 744 473.32Q771.21 428.53, 816 455.75Q843.2 410.95, 888 
438.15Q980.99 411.13, 1008 504.12Q1049.42 425.54, 1128 466.96Q1165.92 
384.88, 1248 422.8Q1294.07 396.87, 1320 442.94Q1396.84 399.78, 1440 
476.62Q1475.04 391.66, 1560 426.7z" fill="rgba(120, 152, 255, 
1)"></path>
        <path d="M1536 560L0 560 L0 565.45Q69.97 515.42, 120 
585.39Q158.95 504.34, 240 543.29Q254.13 485.42, 312 499.56Q381.6 449.16,
 432 518.77Q500.71 467.48, 552 536.19Q598.02 510.22, 624 556.24Q695.16 
507.4, 744 578.57Q766.19 480.76, 864 502.95Q942.87 461.81, 984 
540.68Q995 479.68, 1056 490.69Q1126.56 441.25, 1176 511.8Q1243.36 
459.15, 1296 526.51Q1338.15 448.66, 1416 490.82Q1499.06 453.88, 1536 
536.93z" fill="white"></path>
    </g>
    <defs>
        <mask id="SvgjsMask1018">
            <rect width="1440" height="560" 
fill="#ffffff"></rect>
        </mask>
    </defs>
</svg>

2.22 KB

Data URI

data:image/svg+xml,%3csvg
 xmlns='http://www.w3.org/2000/svg' version='1.1' 
xmlns:xlink='http://www.w3.org/1999/xlink' 
xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='560' 
preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg 
mask='url(%26quot%3b%23SvgjsMask1018%26quot%3b)' fill='none'%3e%3crect 
width='1440' height='560' x='0' y='0' fill='rgba(255%2c 236%2c 224%2c 
1)'%3e%3c/rect%3e%3cpath d='M1464 560L0 560 L0 334.27Q80.36 294.63%2c 
120 374.99Q149 331.99%2c 192 360.98Q238.4 287.38%2c 312 333.79Q378.66 
280.45%2c 432 347.11Q475.41 318.52%2c 504 361.93Q529.26 267.19%2c 624 
292.45Q670.45 266.9%2c 696 313.35Q762.29 259.64%2c 816 325.93Q892.57 
282.5%2c 936 359.06Q950.13 301.19%2c 1008 315.33Q1062.01 249.33%2c 1128 
303.34Q1176.84 280.18%2c 1200 329.02Q1254.86 263.88%2c 1320 
318.74Q1338.64 265.38%2c 1392 284.02Q1438.63 258.65%2c 1464 305.28z' 
fill='rgba(255%2c 133%2c 167%2c 1)'%3e%3c/path%3e%3cpath d='M1464 560L0 
560 L0 427.13Q15.94 371.07%2c 72 387.01Q117.28 312.29%2c 192 
357.58Q293.87 339.44%2c 312 441.31Q336.06 345.37%2c 432 369.42Q475.95 
341.38%2c 504 385.33Q553.4 362.74%2c 576 412.14Q627.62 343.76%2c 696 
395.38Q713.52 340.9%2c 768 358.42Q813 331.43%2c 840 376.43Q924.63 
341.06%2c 960 425.68Q1010 355.68%2c 1080 405.68Q1156.17 361.85%2c 1200 
438.02Q1206.51 372.52%2c 1272 379.03Q1325.61 312.64%2c 1392 
366.25Q1457.59 359.84%2c 1464 425.43z' fill='rgba(255%2c 209%2c 222%2c 
1)'%3e%3c/path%3e%3cpath d='M1560 560L0 560 L0 445.56Q38.55 412.11%2c 72
 450.66Q99.64 406.31%2c 144 433.95Q223.69 393.64%2c 264 473.33Q330.31 
419.64%2c 384 485.95Q450.39 432.34%2c 504 498.72Q537.29 412.01%2c 624 
445.3Q698.01 399.31%2c 744 473.32Q771.21 428.53%2c 816 455.75Q843.2 
410.95%2c 888 438.15Q980.99 411.13%2c 1008 504.12Q1049.42 425.54%2c 1128
 466.96Q1165.92 384.88%2c 1248 422.8Q1294.07 396.87%2c 1320 
442.94Q1396.84 399.78%2c 1440 476.62Q1475.04 391.66%2c 1560 426.7z' 
fill='rgba(120%2c 152%2c 255%2c 1)'%3e%3c/path%3e%3cpath d='M1536 560L0 
560 L0 565.45Q69.97 515.42%2c 120 585.39Q158.95 504.34%2c 240 
543.29Q254.13 485.42%2c 312 499.56Q381.6 449.16%2c 432 518.77Q500.71 
467.48%2c 552 536.19Q598.02 510.22%2c 624 556.24Q695.16 507.4%2c 744 
578.57Q766.19 480.76%2c 864 502.95Q942.87 461.81%2c 984 540.68Q995 
479.68%2c 1056 490.69Q1126.56 441.25%2c 1176 511.8Q1243.36 459.15%2c 
1296 526.51Q1338.15 448.66%2c 1416 490.82Q1499.06 453.88%2c 1536 
536.93z' fill='white'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask 
id='SvgjsMask1018'%3e%3crect width='1440' height='560' 
fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e

2.47 KB

CSS Background Image

background-image:
 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' 
version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' 
xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='560' 
preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg 
mask='url(%26quot%3b%23SvgjsMask1018%26quot%3b)' fill='none'%3e%3crect 
width='1440' height='560' x='0' y='0' fill='rgba(255%2c 236%2c 224%2c 
1)'%3e%3c/rect%3e%3cpath d='M1464 560L0 560 L0 334.27Q80.36 294.63%2c 
120 374.99Q149 331.99%2c 192 360.98Q238.4 287.38%2c 312 333.79Q378.66 
280.45%2c 432 347.11Q475.41 318.52%2c 504 361.93Q529.26 267.19%2c 624 
292.45Q670.45 266.9%2c 696 313.35Q762.29 259.64%2c 816 325.93Q892.57 
282.5%2c 936 359.06Q950.13 301.19%2c 1008 315.33Q1062.01 249.33%2c 1128 
303.34Q1176.84 280.18%2c 1200 329.02Q1254.86 263.88%2c 1320 
318.74Q1338.64 265.38%2c 1392 284.02Q1438.63 258.65%2c 1464 305.28z' 
fill='rgba(255%2c 133%2c 167%2c 1)'%3e%3c/path%3e%3cpath d='M1464 560L0 
560 L0 427.13Q15.94 371.07%2c 72 387.01Q117.28 312.29%2c 192 
357.58Q293.87 339.44%2c 312 441.31Q336.06 345.37%2c 432 369.42Q475.95 
341.38%2c 504 385.33Q553.4 362.74%2c 576 412.14Q627.62 343.76%2c 696 
395.38Q713.52 340.9%2c 768 358.42Q813 331.43%2c 840 376.43Q924.63 
341.06%2c 960 425.68Q1010 355.68%2c 1080 405.68Q1156.17 361.85%2c 1200 
438.02Q1206.51 372.52%2c 1272 379.03Q1325.61 312.64%2c 1392 
366.25Q1457.59 359.84%2c 1464 425.43z' fill='rgba(255%2c 209%2c 222%2c 
1)'%3e%3c/path%3e%3cpath d='M1560 560L0 560 L0 445.56Q38.55 412.11%2c 72
 450.66Q99.64 406.31%2c 144 433.95Q223.69 393.64%2c 264 473.33Q330.31 
419.64%2c 384 485.95Q450.39 432.34%2c 504 498.72Q537.29 412.01%2c 624 
445.3Q698.01 399.31%2c 744 473.32Q771.21 428.53%2c 816 455.75Q843.2 
410.95%2c 888 438.15Q980.99 411.13%2c 1008 504.12Q1049.42 425.54%2c 1128
 466.96Q1165.92 384.88%2c 1248 422.8Q1294.07 396.87%2c 1320 
442.94Q1396.84 399.78%2c 1440 476.62Q1475.04 391.66%2c 1560 426.7z' 
fill='rgba(120%2c 152%2c 255%2c 1)'%3e%3c/path%3e%3cpath d='M1536 560L0 
560 L0 565.45Q69.97 515.42%2c 120 585.39Q158.95 504.34%2c 240 
543.29Q254.13 485.42%2c 312 499.56Q381.6 449.16%2c 432 518.77Q500.71 
467.48%2c 552 536.19Q598.02 510.22%2c 624 556.24Q695.16 507.4%2c 744 
578.57Q766.19 480.76%2c 864 502.95Q942.87 461.81%2c 984 540.68Q995 
479.68%2c 1056 490.69Q1126.56 441.25%2c 1176 511.8Q1243.36 459.15%2c 
1296 526.51Q1338.15 448.66%2c 1416 490.82Q1499.06 453.88%2c 1536 
536.93z' fill='white'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask 
id='SvgjsMask1018'%3e%3crect width='1440' height='560' 
fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");

2.49 KB