Facebook Logo

#root {
  width: 500px;
  height: 500px;
  background:
    radial-gradient(ellipse, transparent 64%, rgb(255 255 255) 64.2%) 0 0 / 500px 500px no-repeat, /* Mask */
    linear-gradient(105deg, rgb(255 255 255) 45%, transparent 47%) 327px 252px / 42px 67px no-repeat, /* Letter */
    radial-gradient(circle at 100% 100%, transparent 14%, rgb(255 255 255) 15%, rgb(255 255 255) 66%, transparent 67%) 211px 125px / 100px 100px no-repeat, /* Letter */
    linear-gradient(rgb(255 255 255), rgb(255 255 255)) 159px 252px / 169px 67px no-repeat, /* Letter */
    linear-gradient(9deg, rgb(255 255 255) 87%, transparent 90%) 310px 129px / 48px 75px no-repeat, /* Letter */
    linear-gradient(rgb(255 255 255), rgb(255 255 255)) 217px 224px / 73px 274px no-repeat, /* Letter */
    linear-gradient(rgb(25 119 242), rgb(25 119 242)) 0 0 / 500px 500px no-repeat; /* Background */
}
Colors

Views

Code size

Layers

Explore

Community

Social
