diff --git a/changelogs/2024-08-07-changelog.html b/changelogs/2024-08-07-changelog.html
new file mode 100644
index 0000000..391694f
--- /dev/null
+++ b/changelogs/2024-08-07-changelog.html
@@ -0,0 +1,142 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>Pine Icons - v7.5.0 - 2024-08-07 - Changelog</title>
+  <link rel="icon shortcut" type="image/x-icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22>
+    <text y=%22.9em%22 font-size=%2290%22>🌲</text>
+  </svg>">
+  <style>
+    body {
+      background-color: #f4f4f4;
+      max-width: 1000px;
+      margin-right: auto;
+      margin-left: auto;
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+      font-weight: 400;
+      font-style: normal;
+    }
+
+    svg {
+      width: 32px;
+      height: 32px;
+    }
+
+    table {
+      display: block;
+      width: max-content;
+      max-width: 100%;
+      overflow: auto;
+    }
+
+    thead {
+      display: table-header-group;
+      vertical-align: middle;
+      border-color: inherit;
+      font-weight: bold;
+    }
+
+    tbody {
+      display: table-row-group;
+      vertical-align: middle;
+      border-color: inherit;
+    }
+
+    tr {
+      border-top: 1px solid #21262d;
+    }
+
+    td {
+      padding: 6px 13px;
+      border: 1px solid #30363d;
+    }
+
+    .type-bold {
+      font-weight: bold;
+    }
+
+    .changelog-meta {
+      margin-bottom: 30px;
+      font-size: 12px;
+      font-style: italic;
+    }
+
+    section {
+      margin-top: 60px;
+      border-radius: 20px;
+      background: #fff;
+      padding: 30px;
+      box-shadow: 0 5px 5px #ececec;
+      margin-bottom: 60px;
+    }
+
+    h1 {
+      margin: 0;
+      font-family: serif;
+      font-size: 60px;
+      text-align: center;
+      font-weight: 700;
+    }
+
+    h2 { margin: 20px 0 0; }
+
+    .changelog-dateversion {
+      position: relative;
+    }
+
+    .changelog-date {
+      padding: 15px 55px 15px 15px;
+      border: 1px solid gray;
+      background-color: white;
+      border-radius: 4px;
+    }
+
+    .changelog-version {
+      position: absolute;
+      left: 112px;
+      border-radius: 4px;
+      background-color: #71b469;
+      padding: 5px;
+      top: 50%;
+      transform: translateY(-50%);
+      color: #fff;
+      font-weight: 300;
+    }
+  </style>
+</head>
+<body>
+  <section>
+    <h1>Pine Icons - Changelog</h1>
+    <p class="changelog-meta">Icons: Added <span class="type-bold">1</span>, Modifed <span class="type-bold">0</span>, Deleted <span class="type-bold">0</span>, Renamed <span class="type-bold">0</span></p>
+
+    <p class="changelog-dateversion">
+      <span class="changelog-date">2024-08-07</span>
+      <span class="changelog-version">v7.5.0</span>
+    </p>
+
+    <h2>Added</h2>
+<table>
+  <thead>
+    <tr>
+      
+      <td>FileName</td>
+      <td>Before</td>
+      <td>After</td>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+  
+  <td>gift-01.svg</td>
+  <td></td>
+  <td><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="pdsicon"><g clip-path="url(#a)"><path d="M13.333 12.533v-5.2H2.667v5.2c0 .747 0 1.12.145 1.406.128.25.332.454.583.582.285.146.658.146 1.405.146h6.4c.747 0 1.12 0 1.405-.146.251-.128.455-.332.583-.582.145-.286.145-.659.145-1.406" opacity=".12"/><path fill-rule="evenodd" d="M5.643 2a.63.63 0 0 0-.45.191.68.68 0 0 0-.193.476c0 .18.07.351.193.475a.63.63 0 0 0 .45.191h1.446a4 4 0 0 0-.167-.35c-.324-.6-.74-.983-1.28-.983m1.69 2.667v2H2.4a6 6 0 0 1-.392-.008l-.001-.009A6 6 0 0 1 2 6.267v-1.2a6 6 0 0 1 .008-.393h.008c.078-.007.186-.007.384-.007zM3.78 3.333a2.02 2.02 0 0 1 .461-2.076c.37-.377.874-.59 1.402-.59C6.839.667 7.582 1.479 8 2.18 8.418 1.48 9.16.667 10.357.667c.528 0 1.032.213 1.402.59a2.01 2.01 0 0 1 .461 2.076h1.401c.168 0 .332 0 .471.012.152.012.332.041.513.134.251.127.455.331.583.582.092.181.122.361.134.514.011.138.011.302.011.47v1.243c0 .168 0 .332-.011.47a1.35 1.35 0 0 1-.134.514c-.128.25-.332.455-.583.583-.18.092-.36.121-.513.134L14 7.995v4.564c0 .352 0 .655-.02.904-.022.264-.07.526-.198.778a2 2 0 0 1-.874.874 2 2 0 0 1-.778.198c-.25.02-.553.02-.904.02H4.774c-.351 0-.654 0-.904-.02a2 2 0 0 1-.778-.198 2 2 0 0 1-.874-.874 2 2 0 0 1-.198-.778C2 13.213 2 12.911 2 12.56V7.995l-.092-.006a1.4 1.4 0 0 1-.513-.134 1.33 1.33 0 0 1-.583-.583 1.4 1.4 0 0 1-.134-.513 6 6 0 0 1-.011-.471V5.045c0-.168 0-.332.011-.47.012-.153.042-.333.134-.514.128-.25.332-.455.583-.582.18-.093.36-.122.513-.134.139-.012.302-.012.47-.012H3.78M3.333 8v4.533c0 .385 0 .633.016.822.015.18.04.248.057.281a.67.67 0 0 0 .291.291c.033.017.1.042.282.057.188.015.437.016.821.016h2.533V8zm5.334 0v6H11.2c.384 0 .633 0 .821-.016.181-.015.249-.04.282-.057a.67.67 0 0 0 .291-.291c.017-.033.042-.1.057-.281.015-.19.016-.437.016-.822V8zM13.6 6.667a6 6 0 0 0 .392-.008l.001-.009A5 5 0 0 0 14 6.267v-1.2c0-.198 0-.306-.007-.384v-.009h-.01a6 6 0 0 0-.383-.007H8.667v2zm-3.243-3.334a.63.63 0 0 0 .45-.19.68.68 0 0 0 .193-.476.68.68 0 0 0-.193-.476.63.63 0 0 0-.45-.191c-.54 0-.955.384-1.28.984a4 4 0 0 0-.167.35z"/></g><defs><clipPath id="a"><path d="M0 0h16v16H0z"/></clipPath></defs></svg></td>
+</tr>
+  </tbody>
+</table>
+<p>New icons introduced in this version. You will not see them in the "before" column because they did not exist in the previous version.</p>
+
+
+
+  </section>
+</body>
+</html>
diff --git a/src/icon-data.json b/src/icon-data.json
index a5d3cc3..f3fcc41 100644
--- a/src/icon-data.json
+++ b/src/icon-data.json
@@ -2247,6 +2247,15 @@
         "wheel"
       ]
     },
+    {
+      "name": "gift-01",
+      "category": "app-frame",
+      "tags": [
+        "gift",
+        "package",
+        "surprise"
+      ]
+    },
     {
       "name": "grant-offer",
       "category": "actions",
diff --git a/src/index.html b/src/index.html
index 58cdf0c..12f7a81 100644
--- a/src/index.html
+++ b/src/index.html
@@ -14,7 +14,7 @@ <h1>Pine Icons</h1>
     <h2>Changelogs</h2>
 
     <!-- do not remove this is replaced during update process -->
-    <a href="changelogs/2024-08-01-changelog.html">2024-08-01-changelog.html</a> <br/><a href="changelogs/2024-07-30-changelog.html">2024-07-30-changelog.html</a> <br/><a href="changelogs/2024-07-02-changelog.html">2024-07-02-changelog.html</a> <br/><a href="changelogs/2024-06-27-changelog.html">2024-06-27-changelog.html</a> <br/><a href="changelogs/2024-06-06-changelog.html">2024-06-06-changelog.html</a> <br/><a href="changelogs/2024-05-30-changelog.html">2024-05-30-changelog.html</a> <br/><a href="changelogs/2024-05-28-changelog.html">2024-05-28-changelog.html</a> <br/><a href="changelogs/2024-05-07-changelog.html">2024-05-07-changelog.html</a> <br/><a href="changelogs/2024-04-30-changelog.html">2024-04-30-changelog.html</a> <br/><a href="changelogs/2024-04-23-changelog.html">2024-04-23-changelog.html</a>
+    <a href="changelogs/2024-08-07-changelog.html">2024-08-07-changelog.html</a> <br/><a href="changelogs/2024-08-01-changelog.html">2024-08-01-changelog.html</a> <br/><a href="changelogs/2024-07-30-changelog.html">2024-07-30-changelog.html</a> <br/><a href="changelogs/2024-07-02-changelog.html">2024-07-02-changelog.html</a> <br/><a href="changelogs/2024-06-27-changelog.html">2024-06-27-changelog.html</a> <br/><a href="changelogs/2024-06-06-changelog.html">2024-06-06-changelog.html</a> <br/><a href="changelogs/2024-05-30-changelog.html">2024-05-30-changelog.html</a> <br/><a href="changelogs/2024-05-28-changelog.html">2024-05-28-changelog.html</a> <br/><a href="changelogs/2024-05-07-changelog.html">2024-05-07-changelog.html</a> <br/><a href="changelogs/2024-04-30-changelog.html">2024-04-30-changelog.html</a>
 
     <h2>Examples</h2>
     <h3>Default</h3>
@@ -30,6 +30,13 @@ <h3>Default Sizes</h3>
     <h3>Custom size</h3>
     <pds-icon name="youtube" size="140px"></pds-icon>
 
+    <h3>Custom size using a class</h3>
+    <p>Style will override the size of 140px and be set to 20px</p>
+    <style>
+      .custom-class { height: 20px; width: 20px; }
+    </style>
+    <pds-icon name="youtube" size="140px" class="custom-class"></pds-icon>
+
     <h3>Color</h3>
     <pds-icon name="youtube" size="140px" color="red"></pds-icon>
 
diff --git a/src/svg/gift-01.svg b/src/svg/gift-01.svg
new file mode 100644
index 0000000..49bfe76
--- /dev/null
+++ b/src/svg/gift-01.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="pdsicon"><g clip-path="url(#a)"><path d="M13.333 12.533v-5.2H2.667v5.2c0 .747 0 1.12.145 1.406.128.25.332.454.583.582.285.146.658.146 1.405.146h6.4c.747 0 1.12 0 1.405-.146.251-.128.455-.332.583-.582.145-.286.145-.659.145-1.406" opacity=".12"/><path fill-rule="evenodd" d="M5.643 2a.63.63 0 0 0-.45.191.68.68 0 0 0-.193.476c0 .18.07.351.193.475a.63.63 0 0 0 .45.191h1.446a4 4 0 0 0-.167-.35c-.324-.6-.74-.983-1.28-.983m1.69 2.667v2H2.4a6 6 0 0 1-.392-.008l-.001-.009A6 6 0 0 1 2 6.267v-1.2a6 6 0 0 1 .008-.393h.008c.078-.007.186-.007.384-.007zM3.78 3.333a2.02 2.02 0 0 1 .461-2.076c.37-.377.874-.59 1.402-.59C6.839.667 7.582 1.479 8 2.18 8.418 1.48 9.16.667 10.357.667c.528 0 1.032.213 1.402.59a2.01 2.01 0 0 1 .461 2.076h1.401c.168 0 .332 0 .471.012.152.012.332.041.513.134.251.127.455.331.583.582.092.181.122.361.134.514.011.138.011.302.011.47v1.243c0 .168 0 .332-.011.47a1.35 1.35 0 0 1-.134.514c-.128.25-.332.455-.583.583-.18.092-.36.121-.513.134L14 7.995v4.564c0 .352 0 .655-.02.904-.022.264-.07.526-.198.778a2 2 0 0 1-.874.874 2 2 0 0 1-.778.198c-.25.02-.553.02-.904.02H4.774c-.351 0-.654 0-.904-.02a2 2 0 0 1-.778-.198 2 2 0 0 1-.874-.874 2 2 0 0 1-.198-.778C2 13.213 2 12.911 2 12.56V7.995l-.092-.006a1.4 1.4 0 0 1-.513-.134 1.33 1.33 0 0 1-.583-.583 1.4 1.4 0 0 1-.134-.513 6 6 0 0 1-.011-.471V5.045c0-.168 0-.332.011-.47.012-.153.042-.333.134-.514.128-.25.332-.455.583-.582.18-.093.36-.122.513-.134.139-.012.302-.012.47-.012H3.78M3.333 8v4.533c0 .385 0 .633.016.822.015.18.04.248.057.281a.67.67 0 0 0 .291.291c.033.017.1.042.282.057.188.015.437.016.821.016h2.533V8zm5.334 0v6H11.2c.384 0 .633 0 .821-.016.181-.015.249-.04.282-.057a.67.67 0 0 0 .291-.291c.017-.033.042-.1.057-.281.015-.19.016-.437.016-.822V8zM13.6 6.667a6 6 0 0 0 .392-.008l.001-.009A5 5 0 0 0 14 6.267v-1.2c0-.198 0-.306-.007-.384v-.009h-.01a6 6 0 0 0-.383-.007H8.667v2zm-3.243-3.334a.63.63 0 0 0 .45-.19.68.68 0 0 0 .193-.476.68.68 0 0 0-.193-.476.63.63 0 0 0-.45-.191c-.54 0-.955.384-1.28.984a4 4 0 0 0-.167.35z"/></g><defs><clipPath id="a"><path d="M0 0h16v16H0z"/></clipPath></defs></svg>
\ No newline at end of file
