Figma Logo

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Figma Logo</title>
    <style>
      #root {
        width: 800px;
        height: 800px;
        background:
          radial-gradient(ellipse at 50% 50%, rgb(242 78 30 / 1) 70%, rgb(242 78 30 / 0) 70.5%) 193px 112px / 200px 200px no-repeat, /* Red */
          linear-gradient(rgb(242 78 30 / 1), rgb(242 78 30 / 1)) 296px 113px / 98px 198px no-repeat, /* Red */
          radial-gradient(ellipse at 50% 50%, rgb(229 102 88 / 1) 70%, rgb(229 102 88 / 0) 70.5%) 394px 112px / 200px 200px no-repeat, /* Pink */
          linear-gradient(rgb(229 102 88 / 1), rgb(229 102 88 / 1)) 394px 113px / 98px 198px no-repeat, /* Pink */
          radial-gradient(ellipse at 50% 50%, rgb(22 169 228 / 1) 70%, rgb(22 169 228 / 0) 70.5%) 393px 310px / 200px 200px no-repeat, /* Blue */
          radial-gradient(ellipse at 50% 50%, rgb(145 80 229 / 1) 70%, rgb(145 80 229 / 0) 70.5%) 193px 310px / 200px 200px no-repeat, /* Purple */
          linear-gradient(rgb(145 80 229 / 1), rgb(145 80 229 / 1)) 298px 311px / 96px 198px no-repeat, /* Purple */
          linear-gradient(rgb(1 186 118 / 1), rgb(1 186 118 / 1)) 292px 509px / 102px 100px no-repeat, /* Green */
          radial-gradient(ellipse at 50% 50%, rgb(1 186 118 / 1) 70%, rgb(1 186 118 / 0) 70.5%) 195px 508px / 200px 200px no-repeat; /* Green */
      }
    </style>
  </head>
  <body>
    <div id="root"></div>
  </body>
</html>
Colors

Views

Code size

Layers

Explore

Community

Social
