Made a Apple Logo Art

src/art/AnshDeepapple/AnshDeepapple.jsx

@@ -0,0 +1,34 @@
+import style from "./style.module.css";
+import { Credit } from "../../components/Credit/index";
+
+// Replace ComponentName with YourName followed by ArtName.
+// For example, SalilReactLogo or SalilNaikReactLogo
+// component name, file name and folder name should be same. 
+
+function AnshDeepapple() {
+  // Enter your name, github url and art-name below
+  let data = {
+    name: "AnshDeep",
+    "gh-link": "https://github.com/AnshDeep24",
+    "art-name": "Apple logo ",
+  };
+  return (
+    <div className={`${style.container} container`}>
+      {/* DO NOT edit the line above*/}
+
+      {/* your art blocks will come here */}
+      <div>
+<div className={style.blocks}></div>
+<div className={style.logo}></div>
+<div className={style.apple}></div>
+
+      </div>
+
+      {/* do not edit the line below */}
+      <Credit data={data} />
+    </div>
+  );
+}
+
+export default AnshDeepapple;
+

src/art/AnshDeepapple/style.module.css

@@ -0,0 +1,29 @@
+.container {
+  background-color: rgb(177, 140, 147);
+}
+
+.blocks{
+  left: 48%;
+    top: 50%;
+    position: absolute;
+    transform: translate(-50%,-50%);
+    background: #fff;
+    width: 90px;
+    height: 90px;
+    border-radius: 35% 35% 41% 41% / 42% 42% 75% 75%;
+}
+.logo{
+  background: #fff;
+  content: "";
+  width: 55px;
+  height: 55px;
+  position: absolute;
+  margin: -104px 0 0 -12px;
+  border-radius: 100px 0;
+  z-index: 5;
+
+}
+
+
+
+