Figma
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Figma Logo</title> <style type="text/css"> body { padding: 0; margin: 0; height: 100vh; display: flex; justify-content: center; align-items: center; background-color: azure; } .figma-logo { width: 200px; display: flex; flex-wrap:wrap; } .element { width: 100px; height: 100px; background: red; } .left { border-top-left-radius: 50px; border-bottom-left-radius: 50px; } .right { border-top-right-radius:50px; border-bottom-right-radius:50px; } .circle { border-radius:50px; } .clip { border-bottom-right-radius:50px; } .orange { background: #FB7266; } .purple { background: #A061FA;