BG
Jar
Cloudy
Canvas
Width
px
Height
px
Background Color
#
Remove
Simple
Gradient
Set to Transparent
0%
100%
Symbol
Range
28
28%
Layers
#4
Remove
Color
#3
Remove
Color
#2
Remove
Color
#1
Remove
Color
Add New Color
Action
Regenerate
Reset to default
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("#SvgjsMask1018")" 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>
Copy to clipboard
Copied to clipboard
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
Copy to clipboard
Copied to clipboard
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");
Copy to clipboard
Copied to clipboard
2.49 KB