@justeattakeaway/pie-icons-webc 0.3.0 → 0.4.0

package/dist/IconSocialBloggerStaticLarge.js

@@ -3,7 +3,7 @@
 var configs = require('./pie-icons-configs/configs.js');
 
 const template = document.createElement('template');
-template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--bloggerStaticLarge"><path fill="#F06A35" d="M6.742 27.905a3.78 3.78 0 0 1-1.194-.536c-.302-.206-.743-.632-.91-.879a4.579 4.579 0 0 1-.536-1.178c-.098-.366-.1-.511-.102-9.294-.001-8.737 0-8.93.096-9.305a3.618 3.618 0 0 1 2.745-2.64c.39-.086 17.791-.102 18.212-.016a3.58 3.58 0 0 1 2.549 1.95c.411.822.375-.082.393 9.674.012 6.208.001 8.814-.038 9.138-.186 1.52-1.232 2.698-2.737 3.083-.385.099-.519.1-9.261.097-8.453-.002-8.887-.007-9.217-.093Z"></path><path fill="#fff" d="M19.396 23.397c1.078-.147 1.923-.58 2.715-1.391.574-.587.933-1.222 1.167-2.065.098-.35.106-.521.124-2.577.013-1.552.002-2.28-.038-2.463-.059-.266-.224-.513-.414-.615-.058-.032-.43-.073-.828-.09-.666-.03-.74-.043-.951-.166-.334-.196-.425-.408-.426-.982-.002-1.096-.458-2.115-1.358-3.034-.641-.654-1.357-1.097-2.173-1.346-.196-.06-.633-.08-2.1-.097-2.3-.027-2.81.02-3.594.333-1.444.576-2.481 1.79-2.86 3.347-.07.292-.084.76-.101 3.452-.021 3.372.002 3.867.212 4.535.174.552.35.89.71 1.37.689.915 1.72 1.576 2.751 1.763.49.088 6.544.11 7.164.026Z"></path><path fill="#F06A35" d="M13.034 14.14c-.55-.152-.757-.944-.352-1.354.26-.261.33-.271 1.951-.271 1.456 0 1.504.003 1.718.11.309.157.443.377.443.728 0 .317-.126.54-.407.718-.15.096-.241.102-1.667.11-.88.005-1.581-.012-1.686-.04Zm-.069 5.332a.93.93 0 0 1-.495-.645.937.937 0 0 1 .272-.744c.235-.213.338-.22 3.226-.222 2.972-.003 2.956-.004 3.238.26a.82.82 0 0 1-.165 1.307l-.493.08-2.569.03c-2.257.026-2.896-.015-3.014-.066Z"></path></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg, :host-context(pie-button) svg { display:block; width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--bloggerStaticLarge"><path fill="#F06A35" d="M6.742 27.905a3.78 3.78 0 0 1-1.194-.536c-.302-.206-.743-.632-.91-.879a4.579 4.579 0 0 1-.536-1.178c-.098-.366-.1-.511-.102-9.294-.001-8.737 0-8.93.096-9.305a3.618 3.618 0 0 1 2.745-2.64c.39-.086 17.791-.102 18.212-.016a3.58 3.58 0 0 1 2.549 1.95c.411.822.375-.082.393 9.674.012 6.208.001 8.814-.038 9.138-.186 1.52-1.232 2.698-2.737 3.083-.385.099-.519.1-9.261.097-8.453-.002-8.887-.007-9.217-.093Z"></path><path fill="#fff" d="M19.396 23.397c1.078-.147 1.923-.58 2.715-1.391.574-.587.933-1.222 1.167-2.065.098-.35.106-.521.124-2.577.013-1.552.002-2.28-.038-2.463-.059-.266-.224-.513-.414-.615-.058-.032-.43-.073-.828-.09-.666-.03-.74-.043-.951-.166-.334-.196-.425-.408-.426-.982-.002-1.096-.458-2.115-1.358-3.034-.641-.654-1.357-1.097-2.173-1.346-.196-.06-.633-.08-2.1-.097-2.3-.027-2.81.02-3.594.333-1.444.576-2.481 1.79-2.86 3.347-.07.292-.084.76-.101 3.452-.021 3.372.002 3.867.212 4.535.174.552.35.89.71 1.37.689.915 1.72 1.576 2.751 1.763.49.088 6.544.11 7.164.026Z"></path><path fill="#F06A35" d="M13.034 14.14c-.55-.152-.757-.944-.352-1.354.26-.261.33-.271 1.951-.271 1.456 0 1.504.003 1.718.11.309.157.443.377.443.728 0 .317-.126.54-.407.718-.15.096-.241.102-1.667.11-.88.005-1.581-.012-1.686-.04Zm-.069 5.332a.93.93 0 0 1-.495-.645.937.937 0 0 1 .272-.744c.235-.213.338-.22 3.226-.222 2.972-.003 2.956-.004 3.238.26a.82.82 0 0 1-.165 1.307l-.493.08-2.569.03c-2.257.026-2.896-.015-3.014-.066Z"></path></svg>';
 
 class IconSocialBloggerStaticLarge extends HTMLElement {
     constructor () {

package/dist/IconSocialFacebookCircle.js

@@ -3,7 +3,7 @@
 var configs = require('./pie-icons-configs/configs.js');
 
 const template = document.createElement('template');
-template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--facebookCircle"><g clip-path="url(#prefix__clip0_889_539)"><path d="M8 1.175A6.781 6.781 0 1 0 14.782 8 6.79 6.79 0 0 0 8 1.175Zm0 12.25A5.469 5.469 0 1 1 8 2.487a5.469 5.469 0 0 1 0 10.938Z"></path><path d="M7.213 6.145v.98H6.058v1.313h1.155v3.167c.234.043.47.063.709.061a3.81 3.81 0 0 0 .708-.061v-3.15h1.06l.2-1.33H8.63V6.25a.656.656 0 0 1 .744-.717h.569V4.5a7 7 0 0 0-1.015-.087 1.601 1.601 0 0 0-1.715 1.732Z"></path></g><defs><clipPath id="prefix__clip0_889_539"><rect width="14" height="14" transform="translate(1 1)"></rect></clipPath></defs></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg, :host-context(pie-button) svg { display:block; width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--facebookCircle"><g clip-path="url(#prefix__clip0_889_539)"><path d="M8 1.175A6.781 6.781 0 1 0 14.782 8 6.79 6.79 0 0 0 8 1.175Zm0 12.25A5.469 5.469 0 1 1 8 2.487a5.469 5.469 0 0 1 0 10.938Z"></path><path d="M7.213 6.145v.98H6.058v1.313h1.155v3.167c.234.043.47.063.709.061a3.81 3.81 0 0 0 .708-.061v-3.15h1.06l.2-1.33H8.63V6.25a.656.656 0 0 1 .744-.717h.569V4.5a7 7 0 0 0-1.015-.087 1.601 1.601 0 0 0-1.715 1.732Z"></path></g><defs><clipPath id="prefix__clip0_889_539"><rect width="14" height="14" transform="translate(1 1)"></rect></clipPath></defs></svg>';
 
 class IconSocialFacebookCircle extends HTMLElement {
     constructor () {

package/dist/IconSocialFacebookCircleFilled.js

@@ -3,7 +3,7 @@
 var configs = require('./pie-icons-configs/configs.js');
 
 const template = document.createElement('template');
-template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--facebookCircleFilled"><g clip-path="url(#prefix__clip0_1595_1533)"><path d="M8.14 1.411A6.615 6.615 0 1 0 14.755 8 6.624 6.624 0 0 0 8.14 1.411Zm1.942 4.165h-.577a.656.656 0 0 0-.735.718v.831h1.26l-.201 1.313h-1.06v3.167a3.88 3.88 0 0 1-.708.061 3.743 3.743 0 0 1-.709-.061v-3.15H6.197v-1.33h1.155v-.98a1.601 1.601 0 0 1 1.75-1.75c.34.005.68.034 1.015.088l-.035 1.093Z"></path></g><defs><clipPath id="prefix__clip0_1595_1533"><rect width="14" height="14" transform="translate(1 1)"></rect></clipPath></defs></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg, :host-context(pie-button) svg { display:block; width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--facebookCircleFilled"><g clip-path="url(#prefix__clip0_1595_1533)"><path d="M8.14 1.411A6.615 6.615 0 1 0 14.755 8 6.624 6.624 0 0 0 8.14 1.411Zm1.942 4.165h-.577a.656.656 0 0 0-.735.718v.831h1.26l-.201 1.313h-1.06v3.167a3.88 3.88 0 0 1-.708.061 3.743 3.743 0 0 1-.709-.061v-3.15H6.197v-1.33h1.155v-.98a1.601 1.601 0 0 1 1.75-1.75c.34.005.68.034 1.015.088l-.035 1.093Z"></path></g><defs><clipPath id="prefix__clip0_1595_1533"><rect width="14" height="14" transform="translate(1 1)"></rect></clipPath></defs></svg>';
 
 class IconSocialFacebookCircleFilled extends HTMLElement {
     constructor () {

package/dist/IconSocialFacebookCircleFilledLarge.js

@@ -3,7 +3,7 @@
 var configs = require('./pie-icons-configs/configs.js');
 
 const template = document.createElement('template');
-template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--facebookCircleFilledLarge"><path d="M16 3.671a12.25 12.25 0 1 0 0 24.5 12.25 12.25 0 0 0 0-24.5Zm3.85 7.403h-1.138a1.294 1.294 0 0 0-1.46 1.426v1.689h2.493l-.402 2.625H17.25v6.282a8.75 8.75 0 0 1-2.817 0V16.77H12.15v-2.625h2.284v-1.96a3.175 3.175 0 0 1 3.403-3.5c.675.01 1.347.068 2.013.175v2.214Z"></path></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg, :host-context(pie-button) svg { display:block; width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--facebookCircleFilledLarge"><path d="M16 3.671a12.25 12.25 0 1 0 0 24.5 12.25 12.25 0 0 0 0-24.5Zm3.85 7.403h-1.138a1.294 1.294 0 0 0-1.46 1.426v1.689h2.493l-.402 2.625H17.25v6.282a8.75 8.75 0 0 1-2.817 0V16.77H12.15v-2.625h2.284v-1.96a3.175 3.175 0 0 1 3.403-3.5c.675.01 1.347.068 2.013.175v2.214Z"></path></svg>';
 
 class IconSocialFacebookCircleFilledLarge extends HTMLElement {
     constructor () {

package/dist/IconSocialFacebookCircleLarge.js

@@ -3,7 +3,7 @@
 var configs = require('./pie-icons-configs/configs.js');
 
 const template = document.createElement('template');
-template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--facebookCircleLarge"><path d="M16 3.671a12.25 12.25 0 1 0 0 24.5 12.25 12.25 0 0 0 0-24.5Zm0 22.75a10.5 10.5 0 1 1 10.5-10.5A10.5 10.5 0 0 1 16 26.43v-.009Z"></path><path d="M14.434 12.185v1.986H12.15v2.625h2.284v6.283a8.75 8.75 0 0 0 2.817 0V16.77h2.091l.403-2.625h-2.494V12.5a1.295 1.295 0 0 1 1.461-1.409h1.138V8.86a13.938 13.938 0 0 0-2.013-.175 3.176 3.176 0 0 0-3.403 3.5Z"></path></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg, :host-context(pie-button) svg { display:block; width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--facebookCircleLarge"><path d="M16 3.671a12.25 12.25 0 1 0 0 24.5 12.25 12.25 0 0 0 0-24.5Zm0 22.75a10.5 10.5 0 1 1 10.5-10.5A10.5 10.5 0 0 1 16 26.43v-.009Z"></path><path d="M14.434 12.185v1.986H12.15v2.625h2.284v6.283a8.75 8.75 0 0 0 2.817 0V16.77h2.091l.403-2.625h-2.494V12.5a1.295 1.295 0 0 1 1.461-1.409h1.138V8.86a13.938 13.938 0 0 0-2.013-.175 3.176 3.176 0 0 0-3.403 3.5Z"></path></svg>';
 
 class IconSocialFacebookCircleLarge extends HTMLElement {
     constructor () {

package/dist/IconSocialFacebookStatic.js

@@ -3,7 +3,7 @@
 var configs = require('./pie-icons-configs/configs.js');
 
 const template = document.createElement('template');
-template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--facebookStatic"><g clip-path="url(#prefix__clip0_1595_1545)"><path fill="#1778F2" d="M8 1.455A6.545 6.545 0 0 0 6.96 14.466V9.89H5.296V8H6.96V6.556A2.31 2.31 0 0 1 9.435 4.01c.49.007.978.051 1.461.131v1.61h-.822a.945.945 0 0 0-1.068 1.024V8h1.812l-.289 1.89H9.006v4.576A6.545 6.545 0 0 0 8 1.455Z"></path></g><defs><clipPath id="prefix__clip0_1595_1545"><rect width="14" height="14" fill="#fff" transform="translate(1 1)"></rect></clipPath></defs></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg, :host-context(pie-button) svg { display:block; width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--facebookStatic"><g clip-path="url(#prefix__clip0_1595_1545)"><path fill="#1778F2" d="M8 1.455A6.545 6.545 0 0 0 6.96 14.466V9.89H5.296V8H6.96V6.556A2.31 2.31 0 0 1 9.435 4.01c.49.007.978.051 1.461.131v1.61h-.822a.945.945 0 0 0-1.068 1.024V8h1.812l-.289 1.89H9.006v4.576A6.545 6.545 0 0 0 8 1.455Z"></path></g><defs><clipPath id="prefix__clip0_1595_1545"><rect width="14" height="14" fill="#fff" transform="translate(1 1)"></rect></clipPath></defs></svg>';
 
 class IconSocialFacebookStatic extends HTMLElement {
     constructor () {

package/dist/IconSocialFacebookStaticLarge.js

@@ -3,7 +3,7 @@
 var configs = require('./pie-icons-configs/configs.js');
 
 const template = document.createElement('template');
-template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--facebookStaticLarge"><path fill="#1778F2" d="M16 3.75a12.25 12.25 0 0 0-1.916 24.351v-8.557h-3.107V16h3.107v-2.695c0-3.071 1.828-4.769 4.628-4.769.918.013 1.833.092 2.74.237v3.018h-1.54a1.748 1.748 0 0 0-1.996 1.908V16h3.395l-.542 3.544h-2.853V28.1A12.25 12.25 0 0 0 16 3.75Z"></path></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg, :host-context(pie-button) svg { display:block; width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--facebookStaticLarge"><path fill="#1778F2" d="M16 3.75a12.25 12.25 0 0 0-1.916 24.351v-8.557h-3.107V16h3.107v-2.695c0-3.071 1.828-4.769 4.628-4.769.918.013 1.833.092 2.74.237v3.018h-1.54a1.748 1.748 0 0 0-1.996 1.908V16h3.395l-.542 3.544h-2.853V28.1A12.25 12.25 0 0 0 16 3.75Z"></path></svg>';
 
 class IconSocialFacebookStaticLarge extends HTMLElement {
     constructor () {

package/dist/IconSocialGoogleCircle.js

@@ -3,7 +3,7 @@
 var configs = require('./pie-icons-configs/configs.js');
 
 const template = document.createElement('template');
-template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--googleCircle"><g clip-path="url(#prefix__clip0_1615_938)"><path d="M8 1.175A6.781 6.781 0 1 0 14.78 8 6.79 6.79 0 0 0 8 1.175Zm0 12.25A5.468 5.468 0 1 1 8 2.488a5.468 5.468 0 0 1 0 10.937Z"></path><path d="M8.078 7.212v1.48h2.083v.087a1.75 1.75 0 0 1-.726 1.085c-.279.195-.6.321-.937.367a2.415 2.415 0 0 1-.97-.043 2.266 2.266 0 0 1-1.278-.84A2.572 2.572 0 0 1 5.9 8.7a2.039 2.039 0 0 1-.14-.875 2.336 2.336 0 0 1 .945-1.75c.349-.279.778-.438 1.225-.455a2.1 2.1 0 0 1 1.592.551l1.103-1.085-.228-.192a3.5 3.5 0 0 0-1.802-.762A3.824 3.824 0 0 0 4.5 6.67a3.438 3.438 0 0 0-.184.787v.595c0 .202.052.412.087.613.063.303.163.597.298.875a3.5 3.5 0 0 0 .805 1.111 3.816 3.816 0 0 0 1.837.963c.353.078.716.105 1.077.079a3.815 3.815 0 0 0 1.75-.525 3.5 3.5 0 0 0 1.46-1.917 4.471 4.471 0 0 0 .167-1.706c0-.123 0-.254-.044-.385l-3.675.052Z"></path></g><defs><clipPath id="prefix__clip0_1615_938"><rect width="14" height="14" transform="translate(1 1)"></rect></clipPath></defs></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg, :host-context(pie-button) svg { display:block; width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--googleCircle"><g clip-path="url(#prefix__clip0_1615_938)"><path d="M8 1.175A6.781 6.781 0 1 0 14.78 8 6.79 6.79 0 0 0 8 1.175Zm0 12.25A5.468 5.468 0 1 1 8 2.488a5.468 5.468 0 0 1 0 10.937Z"></path><path d="M8.078 7.212v1.48h2.083v.087a1.75 1.75 0 0 1-.726 1.085c-.279.195-.6.321-.937.367a2.415 2.415 0 0 1-.97-.043 2.266 2.266 0 0 1-1.278-.84A2.572 2.572 0 0 1 5.9 8.7a2.039 2.039 0 0 1-.14-.875 2.336 2.336 0 0 1 .945-1.75c.349-.279.778-.438 1.225-.455a2.1 2.1 0 0 1 1.592.551l1.103-1.085-.228-.192a3.5 3.5 0 0 0-1.802-.762A3.824 3.824 0 0 0 4.5 6.67a3.438 3.438 0 0 0-.184.787v.595c0 .202.052.412.087.613.063.303.163.597.298.875a3.5 3.5 0 0 0 .805 1.111 3.816 3.816 0 0 0 1.837.963c.353.078.716.105 1.077.079a3.815 3.815 0 0 0 1.75-.525 3.5 3.5 0 0 0 1.46-1.917 4.471 4.471 0 0 0 .167-1.706c0-.123 0-.254-.044-.385l-3.675.052Z"></path></g><defs><clipPath id="prefix__clip0_1615_938"><rect width="14" height="14" transform="translate(1 1)"></rect></clipPath></defs></svg>';
 
 class IconSocialGoogleCircle extends HTMLElement {
     constructor () {

package/dist/IconSocialGoogleCircleFilled.js

@@ -3,7 +3,7 @@
 var configs = require('./pie-icons-configs/configs.js');
 
 const template = document.createElement('template');
-template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--googleCircleFilled"><g clip-path="url(#prefix__clip0_923_545)"><path fill-rule="evenodd" d="M8 1.175A6.781 6.781 0 1 0 14.78 8 6.79 6.79 0 0 0 8 1.175Zm.078 7.516V7.212l3.675-.052c.044.131.044.262.044.385a4.471 4.471 0 0 1-.166 1.706 3.5 3.5 0 0 1-1.461 1.917 3.815 3.815 0 0 1-1.75.525c-.361.026-.724 0-1.077-.08a3.816 3.816 0 0 1-1.837-.962A3.5 3.5 0 0 1 4.7 9.54a3.693 3.693 0 0 1-.325-1.02 2.524 2.524 0 0 1-.06-.468v-.595c.03-.268.092-.533.184-.787a3.824 3.824 0 0 1 4.095-2.538 3.5 3.5 0 0 1 1.802.762l.228.192-1.103 1.085A2.1 2.1 0 0 0 7.93 5.62a2.091 2.091 0 0 0-1.225.455 2.336 2.336 0 0 0-.945 1.75c-.018.298.03.597.14.875.085.231.203.45.35.648.315.419.767.716 1.277.84.318.08.648.095.971.043.337-.046.658-.172.937-.367a1.75 1.75 0 0 0 .726-1.085V8.69H8.078Z" clip-rule="evenodd"></path></g><defs><clipPath id="prefix__clip0_923_545"><rect width="14" height="14" transform="translate(1 1)"></rect></clipPath></defs></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg, :host-context(pie-button) svg { display:block; width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--googleCircleFilled"><g clip-path="url(#prefix__clip0_923_545)"><path fill-rule="evenodd" d="M8 1.175A6.781 6.781 0 1 0 14.78 8 6.79 6.79 0 0 0 8 1.175Zm.078 7.516V7.212l3.675-.052c.044.131.044.262.044.385a4.471 4.471 0 0 1-.166 1.706 3.5 3.5 0 0 1-1.461 1.917 3.815 3.815 0 0 1-1.75.525c-.361.026-.724 0-1.077-.08a3.816 3.816 0 0 1-1.837-.962A3.5 3.5 0 0 1 4.7 9.54a3.693 3.693 0 0 1-.325-1.02 2.524 2.524 0 0 1-.06-.468v-.595c.03-.268.092-.533.184-.787a3.824 3.824 0 0 1 4.095-2.538 3.5 3.5 0 0 1 1.802.762l.228.192-1.103 1.085A2.1 2.1 0 0 0 7.93 5.62a2.091 2.091 0 0 0-1.225.455 2.336 2.336 0 0 0-.945 1.75c-.018.298.03.597.14.875.085.231.203.45.35.648.315.419.767.716 1.277.84.318.08.648.095.971.043.337-.046.658-.172.937-.367a1.75 1.75 0 0 0 .726-1.085V8.69H8.078Z" clip-rule="evenodd"></path></g><defs><clipPath id="prefix__clip0_923_545"><rect width="14" height="14" transform="translate(1 1)"></rect></clipPath></defs></svg>';
 
 class IconSocialGoogleCircleFilled extends HTMLElement {
     constructor () {

package/dist/IconSocialGoogleCircleFilledLarge.js

@@ -3,7 +3,7 @@
 var configs = require('./pie-icons-configs/configs.js');
 
 const template = document.createElement('template');
-template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--googleCircleFilledLarge"><path fill-rule="evenodd" d="M16 28.25a12.25 12.25 0 1 1 0-24.5 12.25 12.25 0 0 1 0 24.5ZM8.729 16.254c.026.028.046.06.06.096.016.115.03.232.045.35.033.275.067.553.122.823.116.573.307 1.13.569 1.653a6.815 6.815 0 0 0 1.557 2.135 7.253 7.253 0 0 0 5.574 1.995A7.228 7.228 0 0 0 19.99 22.3c.342-.209.665-.449.962-.718a6.764 6.764 0 0 0 1.846-2.957c.315-1.07.416-2.19.298-3.299a3.113 3.113 0 0 0-.047-.33c-.024-.14-.05-.28-.05-.422h-6.868v2.87h4.016v.175a3.404 3.404 0 0 1-1.4 2.091 4.13 4.13 0 0 1-1.794.691 4.505 4.505 0 0 1-1.872-.07 4.445 4.445 0 0 1-2.424-1.627 4.668 4.668 0 0 1-.665-1.234 3.972 3.972 0 0 1-.271-1.75 4.548 4.548 0 0 1 1.811-3.413 4.2 4.2 0 0 1 2.354-.875 4.07 4.07 0 0 1 3.071 1.068l2.083-2.021-.438-.359a6.887 6.887 0 0 0-3.5-1.47 7.367 7.367 0 0 0-7.971 4.883 6.624 6.624 0 0 0-.35 1.522l-.052.473v.726Z" clip-rule="evenodd"></path></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg, :host-context(pie-button) svg { display:block; width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--googleCircleFilledLarge"><path fill-rule="evenodd" d="M16 28.25a12.25 12.25 0 1 1 0-24.5 12.25 12.25 0 0 1 0 24.5ZM8.729 16.254c.026.028.046.06.06.096.016.115.03.232.045.35.033.275.067.553.122.823.116.573.307 1.13.569 1.653a6.815 6.815 0 0 0 1.557 2.135 7.253 7.253 0 0 0 5.574 1.995A7.228 7.228 0 0 0 19.99 22.3c.342-.209.665-.449.962-.718a6.764 6.764 0 0 0 1.846-2.957c.315-1.07.416-2.19.298-3.299a3.113 3.113 0 0 0-.047-.33c-.024-.14-.05-.28-.05-.422h-6.868v2.87h4.016v.175a3.404 3.404 0 0 1-1.4 2.091 4.13 4.13 0 0 1-1.794.691 4.505 4.505 0 0 1-1.872-.07 4.445 4.445 0 0 1-2.424-1.627 4.668 4.668 0 0 1-.665-1.234 3.972 3.972 0 0 1-.271-1.75 4.548 4.548 0 0 1 1.811-3.413 4.2 4.2 0 0 1 2.354-.875 4.07 4.07 0 0 1 3.071 1.068l2.083-2.021-.438-.359a6.887 6.887 0 0 0-3.5-1.47 7.367 7.367 0 0 0-7.971 4.883 6.624 6.624 0 0 0-.35 1.522l-.052.473v.726Z" clip-rule="evenodd"></path></svg>';
 
 class IconSocialGoogleCircleFilledLarge extends HTMLElement {
     constructor () {

package/dist/IconSocialGoogleCircleLarge.js

@@ -3,7 +3,7 @@
 var configs = require('./pie-icons-configs/configs.js');
 
 const template = document.createElement('template');
-template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--googleCircleLarge"><path d="M16 28.25a12.25 12.25 0 1 1 0-24.5 12.25 12.25 0 0 1 0 24.5ZM16 5.5a10.5 10.5 0 1 0 0 21 10.5 10.5 0 0 0 0-21Z"></path><path d="M8.729 16.254V15.527l.052-.472c.056-.52.174-1.03.35-1.522a7.368 7.368 0 0 1 7.971-4.883 6.887 6.887 0 0 1 3.5 1.47l.438.359-2.083 2.021a4.07 4.07 0 0 0-3.071-1.068 4.2 4.2 0 0 0-2.354.875 4.55 4.55 0 0 0-1.811 3.413c-.042.596.05 1.194.271 1.75.159.442.383.858.665 1.234a4.445 4.445 0 0 0 2.424 1.627c.612.154 1.25.178 1.872.07a4.13 4.13 0 0 0 1.794-.691 3.404 3.404 0 0 0 1.4-2.091v-.175h-4.016v-2.87H23c0 .254.078.498.096.752a8.512 8.512 0 0 1-.297 3.299 6.764 6.764 0 0 1-1.847 2.957c-.297.27-.62.51-.962.718a7.228 7.228 0 0 1-3.334 1.006 7.253 7.253 0 0 1-5.574-1.995 6.815 6.815 0 0 1-1.557-2.135 6.614 6.614 0 0 1-.569-1.653c-.079-.386-.114-.788-.166-1.173a.315.315 0 0 0-.061-.096Z"></path></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg, :host-context(pie-button) svg { display:block; width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--googleCircleLarge"><path d="M16 28.25a12.25 12.25 0 1 1 0-24.5 12.25 12.25 0 0 1 0 24.5ZM16 5.5a10.5 10.5 0 1 0 0 21 10.5 10.5 0 0 0 0-21Z"></path><path d="M8.729 16.254V15.527l.052-.472c.056-.52.174-1.03.35-1.522a7.368 7.368 0 0 1 7.971-4.883 6.887 6.887 0 0 1 3.5 1.47l.438.359-2.083 2.021a4.07 4.07 0 0 0-3.071-1.068 4.2 4.2 0 0 0-2.354.875 4.55 4.55 0 0 0-1.811 3.413c-.042.596.05 1.194.271 1.75.159.442.383.858.665 1.234a4.445 4.445 0 0 0 2.424 1.627c.612.154 1.25.178 1.872.07a4.13 4.13 0 0 0 1.794-.691 3.404 3.404 0 0 0 1.4-2.091v-.175h-4.016v-2.87H23c0 .254.078.498.096.752a8.512 8.512 0 0 1-.297 3.299 6.764 6.764 0 0 1-1.847 2.957c-.297.27-.62.51-.962.718a7.228 7.228 0 0 1-3.334 1.006 7.253 7.253 0 0 1-5.574-1.995 6.815 6.815 0 0 1-1.557-2.135 6.614 6.614 0 0 1-.569-1.653c-.079-.386-.114-.788-.166-1.173a.315.315 0 0 0-.061-.096Z"></path></svg>';
 
 class IconSocialGoogleCircleLarge extends HTMLElement {
     constructor () {

package/dist/IconSocialGoogleStatic.js

@@ -3,7 +3,7 @@
 var configs = require('./pie-icons-configs/configs.js');
 
 const template = document.createElement('template');
-template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--googleStatic"><path fill="#FBC02D" d="M14.864 6.63H14.3V6.6H8v2.8h3.956A4.198 4.198 0 0 1 3.8 8 4.2 4.2 0 0 1 8 3.8c1.07 0 2.045.404 2.786 1.064l1.98-1.98A6.968 6.968 0 0 0 8 1a7 7 0 1 0 6.864 5.63Z"></path><path fill="#E53935" d="m1.807 4.742 2.3 1.686A4.198 4.198 0 0 1 8 3.8c1.07 0 2.045.404 2.786 1.064l1.98-1.98A6.968 6.968 0 0 0 8 1a6.996 6.996 0 0 0-6.193 3.742Z"></path><path fill="#4CAF50" d="M8 15c1.808 0 3.45-.692 4.693-1.817l-2.166-1.833A4.168 4.168 0 0 1 8 12.2a4.198 4.198 0 0 1-3.95-2.781l-2.282 1.759A6.995 6.995 0 0 0 8 15Z"></path><path fill="#1565C0" d="m14.864 6.63-.006-.03H8v2.8h3.956a4.21 4.21 0 0 1-1.43 1.95l2.167 1.833C12.54 13.323 15 11.5 15 8c0-.47-.048-.928-.136-1.37Z"></path></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg, :host-context(pie-button) svg { display:block; width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--googleStatic"><path fill="#FBC02D" d="M14.864 6.63H14.3V6.6H8v2.8h3.956A4.198 4.198 0 0 1 3.8 8 4.2 4.2 0 0 1 8 3.8c1.07 0 2.045.404 2.786 1.064l1.98-1.98A6.968 6.968 0 0 0 8 1a7 7 0 1 0 6.864 5.63Z"></path><path fill="#E53935" d="m1.807 4.742 2.3 1.686A4.198 4.198 0 0 1 8 3.8c1.07 0 2.045.404 2.786 1.064l1.98-1.98A6.968 6.968 0 0 0 8 1a6.996 6.996 0 0 0-6.193 3.742Z"></path><path fill="#4CAF50" d="M8 15c1.808 0 3.45-.692 4.693-1.817l-2.166-1.833A4.168 4.168 0 0 1 8 12.2a4.198 4.198 0 0 1-3.95-2.781l-2.282 1.759A6.995 6.995 0 0 0 8 15Z"></path><path fill="#1565C0" d="m14.864 6.63-.006-.03H8v2.8h3.956a4.21 4.21 0 0 1-1.43 1.95l2.167 1.833C12.54 13.323 15 11.5 15 8c0-.47-.048-.928-.136-1.37Z"></path></svg>';
 
 class IconSocialGoogleStatic extends HTMLElement {
     constructor () {

package/dist/IconSocialGoogleStaticLarge.js

@@ -3,7 +3,7 @@
 var configs = require('./pie-icons-configs/configs.js');
 
 const template = document.createElement('template');
-template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--googleStaticLarge"><g clip-path="url(#prefix__clip0_923_592)"><path fill="#FBC02D" d="M29.728 13.258H28.6V13.2H16v5.6h7.912c-1.154 3.26-4.256 5.6-7.912 5.6a8.4 8.4 0 0 1 0-16.8c2.141 0 4.09.808 5.573 2.127l3.96-3.96C23.033 3.437 19.688 2 16 2 8.268 2 2 8.268 2 16s6.268 14 14 14 14-6.268 14-14c0-.939-.097-1.855-.272-2.742Z"></path><path fill="#E53935" d="m3.614 9.484 4.6 3.373A8.396 8.396 0 0 1 16 7.6c2.141 0 4.09.808 5.573 2.127l3.96-3.96C23.033 3.437 19.688 2 16 2 10.623 2 5.96 5.036 3.614 9.484Z"></path><path fill="#4CAF50" d="M16 30c3.616 0 6.902-1.384 9.386-3.634l-4.333-3.667A8.337 8.337 0 0 1 16 24.4c-3.641 0-6.733-2.322-7.898-5.562l-4.566 3.517C5.853 26.89 10.56 30 16 30Z"></path><path fill="#1565C0" d="m29.728 13.258-.012-.058H16v5.6h7.912a8.428 8.428 0 0 1-2.86 3.9l.001-.001 4.333 3.667C25.08 26.644 30 23 30 16c0-.939-.097-1.855-.272-2.742Z"></path></g><defs><clipPath id="prefix__clip0_923_592"><rect width="28" height="28" fill="#fff" transform="translate(2 2)"></rect></clipPath></defs></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg, :host-context(pie-button) svg { display:block; width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--googleStaticLarge"><g clip-path="url(#prefix__clip0_923_592)"><path fill="#FBC02D" d="M29.728 13.258H28.6V13.2H16v5.6h7.912c-1.154 3.26-4.256 5.6-7.912 5.6a8.4 8.4 0 0 1 0-16.8c2.141 0 4.09.808 5.573 2.127l3.96-3.96C23.033 3.437 19.688 2 16 2 8.268 2 2 8.268 2 16s6.268 14 14 14 14-6.268 14-14c0-.939-.097-1.855-.272-2.742Z"></path><path fill="#E53935" d="m3.614 9.484 4.6 3.373A8.396 8.396 0 0 1 16 7.6c2.141 0 4.09.808 5.573 2.127l3.96-3.96C23.033 3.437 19.688 2 16 2 10.623 2 5.96 5.036 3.614 9.484Z"></path><path fill="#4CAF50" d="M16 30c3.616 0 6.902-1.384 9.386-3.634l-4.333-3.667A8.337 8.337 0 0 1 16 24.4c-3.641 0-6.733-2.322-7.898-5.562l-4.566 3.517C5.853 26.89 10.56 30 16 30Z"></path><path fill="#1565C0" d="m29.728 13.258-.012-.058H16v5.6h7.912a8.428 8.428 0 0 1-2.86 3.9l.001-.001 4.333 3.667C25.08 26.644 30 23 30 16c0-.939-.097-1.855-.272-2.742Z"></path></g><defs><clipPath id="prefix__clip0_923_592"><rect width="28" height="28" fill="#fff" transform="translate(2 2)"></rect></clipPath></defs></svg>';
 
 class IconSocialGoogleStaticLarge extends HTMLElement {
     constructor () {

package/dist/IconSocialInstagramCircle.js

@@ -3,7 +3,7 @@
 var configs = require('./pie-icons-configs/configs.js');
 
 const template = document.createElement('template');
-template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--instagramCircle"><g clip-path="url(#prefix__clip0_927_715)"><path d="M9 8a1 1 0 1 1-2 .001 1 1 0 0 1 2 0Z"></path><path fill-rule="evenodd" d="M5.504 5.504c.167-.167.334-.27.532-.347.19-.074.408-.125.729-.139.32-.014.422-.018 1.237-.018.815 0 .917.004 1.237.018.32.015.538.065.728.14.197.076.365.179.532.346.166.166.268.334.345.53.073.19.124.409.139.729.015.32.018.422.018 1.236 0 .815-.003.918-.018 1.237-.015.32-.065.538-.14.728-.076.198-.178.365-.345.532-.168.167-.335.27-.532.347-.19.073-.409.124-.729.139-.32.014-.422.018-1.236.018-.815 0-.918-.004-1.237-.018a2.193 2.193 0 0 1-.728-.14 1.472 1.472 0 0 1-.532-.346 1.471 1.471 0 0 1-.347-.532 2.225 2.225 0 0 1-.139-.728C5.004 8.916 5 8.814 5 8c0-.814.004-.917.018-1.236.015-.32.065-.538.14-.729.076-.196.179-.364.346-.53Zm4.459.895a.36.36 0 1 1-.72 0 .36.36 0 0 1 .72 0ZM6.46 8a1.54 1.54 0 1 0 3.08 0 1.54 1.54 0 0 0-3.08 0Z" clip-rule="evenodd"></path><path fill-rule="evenodd" d="M4.237 2.315A6.781 6.781 0 0 1 8 1.175 6.79 6.79 0 0 1 14.78 8 6.781 6.781 0 1 1 4.237 2.315Zm.72 10.185a5.469 5.469 0 1 0 6.086-9.088A5.469 5.469 0 0 0 4.957 12.5Z" clip-rule="evenodd"></path></g><defs><clipPath id="prefix__clip0_927_715"><rect width="14" height="14" transform="translate(1 1)"></rect></clipPath></defs></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg, :host-context(pie-button) svg { display:block; width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--instagramCircle"><g clip-path="url(#prefix__clip0_927_715)"><path d="M9 8a1 1 0 1 1-2 .001 1 1 0 0 1 2 0Z"></path><path fill-rule="evenodd" d="M5.504 5.504c.167-.167.334-.27.532-.347.19-.074.408-.125.729-.139.32-.014.422-.018 1.237-.018.815 0 .917.004 1.237.018.32.015.538.065.728.14.197.076.365.179.532.346.166.166.268.334.345.53.073.19.124.409.139.729.015.32.018.422.018 1.236 0 .815-.003.918-.018 1.237-.015.32-.065.538-.14.728-.076.198-.178.365-.345.532-.168.167-.335.27-.532.347-.19.073-.409.124-.729.139-.32.014-.422.018-1.236.018-.815 0-.918-.004-1.237-.018a2.193 2.193 0 0 1-.728-.14 1.472 1.472 0 0 1-.532-.346 1.471 1.471 0 0 1-.347-.532 2.225 2.225 0 0 1-.139-.728C5.004 8.916 5 8.814 5 8c0-.814.004-.917.018-1.236.015-.32.065-.538.14-.729.076-.196.179-.364.346-.53Zm4.459.895a.36.36 0 1 1-.72 0 .36.36 0 0 1 .72 0ZM6.46 8a1.54 1.54 0 1 0 3.08 0 1.54 1.54 0 0 0-3.08 0Z" clip-rule="evenodd"></path><path fill-rule="evenodd" d="M4.237 2.315A6.781 6.781 0 0 1 8 1.175 6.79 6.79 0 0 1 14.78 8 6.781 6.781 0 1 1 4.237 2.315Zm.72 10.185a5.469 5.469 0 1 0 6.086-9.088A5.469 5.469 0 0 0 4.957 12.5Z" clip-rule="evenodd"></path></g><defs><clipPath id="prefix__clip0_927_715"><rect width="14" height="14" transform="translate(1 1)"></rect></clipPath></defs></svg>';
 
 class IconSocialInstagramCircle extends HTMLElement {
     constructor () {

package/dist/IconSocialInstagramCircleFilled.js

@@ -3,7 +3,7 @@
 var configs = require('./pie-icons-configs/configs.js');
 
 const template = document.createElement('template');
-template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--instagramCircleFilled"><g clip-path="url(#prefix__clip0_1615_871)"><path d="M9.963 6.399a.36.36 0 1 1-.72 0 .36.36 0 0 1 .72 0Z"></path><path fill-rule="evenodd" d="M6.46 8a1.54 1.54 0 1 0 3.08 0 1.54 1.54 0 0 0-3.08 0ZM9 8a1 1 0 1 1-2 .001 1 1 0 0 1 2 0Z" clip-rule="evenodd"></path><path fill-rule="evenodd" d="M4.237 2.315A6.781 6.781 0 0 1 8 1.175 6.79 6.79 0 0 1 14.78 8 6.781 6.781 0 1 1 4.237 2.315Zm1.267 3.189c.167-.167.334-.27.532-.347.19-.074.408-.125.729-.139.32-.014.422-.018 1.237-.018.815 0 .917.004 1.237.018.32.015.538.065.728.14.197.076.365.179.532.346.166.166.268.334.345.53.073.19.124.409.139.729.015.32.018.422.018 1.236 0 .815-.003.918-.018 1.237-.015.32-.065.538-.14.728-.076.198-.178.365-.345.532-.168.167-.335.27-.532.347-.19.073-.409.124-.729.139-.32.014-.422.018-1.236.018-.815 0-.918-.004-1.237-.018a2.193 2.193 0 0 1-.728-.14 1.472 1.472 0 0 1-.532-.346 1.471 1.471 0 0 1-.347-.532 2.225 2.225 0 0 1-.139-.728C5.004 8.916 5 8.814 5 8c0-.814.004-.917.018-1.236.015-.32.065-.538.14-.729.076-.196.179-.364.346-.53Z" clip-rule="evenodd"></path></g><defs><clipPath id="prefix__clip0_1615_871"><rect width="14" height="14" transform="translate(1 1)"></rect></clipPath></defs></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg, :host-context(pie-button) svg { display:block; width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--instagramCircleFilled"><g clip-path="url(#prefix__clip0_1615_871)"><path d="M9.963 6.399a.36.36 0 1 1-.72 0 .36.36 0 0 1 .72 0Z"></path><path fill-rule="evenodd" d="M6.46 8a1.54 1.54 0 1 0 3.08 0 1.54 1.54 0 0 0-3.08 0ZM9 8a1 1 0 1 1-2 .001 1 1 0 0 1 2 0Z" clip-rule="evenodd"></path><path fill-rule="evenodd" d="M4.237 2.315A6.781 6.781 0 0 1 8 1.175 6.79 6.79 0 0 1 14.78 8 6.781 6.781 0 1 1 4.237 2.315Zm1.267 3.189c.167-.167.334-.27.532-.347.19-.074.408-.125.729-.139.32-.014.422-.018 1.237-.018.815 0 .917.004 1.237.018.32.015.538.065.728.14.197.076.365.179.532.346.166.166.268.334.345.53.073.19.124.409.139.729.015.32.018.422.018 1.236 0 .815-.003.918-.018 1.237-.015.32-.065.538-.14.728-.076.198-.178.365-.345.532-.168.167-.335.27-.532.347-.19.073-.409.124-.729.139-.32.014-.422.018-1.236.018-.815 0-.918-.004-1.237-.018a2.193 2.193 0 0 1-.728-.14 1.472 1.472 0 0 1-.532-.346 1.471 1.471 0 0 1-.347-.532 2.225 2.225 0 0 1-.139-.728C5.004 8.916 5 8.814 5 8c0-.814.004-.917.018-1.236.015-.32.065-.538.14-.729.076-.196.179-.364.346-.53Z" clip-rule="evenodd"></path></g><defs><clipPath id="prefix__clip0_1615_871"><rect width="14" height="14" transform="translate(1 1)"></rect></clipPath></defs></svg>';
 
 class IconSocialInstagramCircleFilled extends HTMLElement {
     constructor () {

package/dist/IconSocialInstagramCircleFilledLarge.js

@@ -3,7 +3,7 @@
 var configs = require('./pie-icons-configs/configs.js');
 
 const template = document.createElement('template');
-template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--instagramCircleFilledLarge"><path d="M19.454 13.767a.72.72 0 1 0 0-1.438.72.72 0 0 0 0 1.438Z"></path><path fill-rule="evenodd" d="M13.17 16.251a3.08 3.08 0 1 0 6.161 0 3.08 3.08 0 0 0-6.162 0Zm5.08 0a2 2 0 1 1-4 .001 2 2 0 0 1 4-.001Z" clip-rule="evenodd"></path><path fill-rule="evenodd" d="M9.444 6.064a12.25 12.25 0 1 1 13.612 20.372A12.25 12.25 0 0 1 9.444 6.064Zm1.813 5.194c.335-.335.669-.54 1.064-.693.38-.15.817-.252 1.458-.278.64-.03.844-.037 2.473-.037 1.63 0 1.835.007 2.474.037.639.029 1.075.129 1.456.278.395.153.729.358 1.063.693.332.331.537.668.69 1.06.147.381.25.818.278 1.457.03.64.037.844.037 2.474 0 1.63-.007 1.834-.037 2.474-.029.639-.129 1.075-.278 1.456-.153.395-.358.73-.692 1.064-.334.334-.669.539-1.064.692-.38.147-.817.25-1.456.278-.639.03-.844.037-2.473.037-1.63 0-1.834-.007-2.473-.037-.64-.029-1.076-.129-1.456-.278a2.943 2.943 0 0 1-1.064-.692 2.944 2.944 0 0 1-.692-1.064c-.147-.38-.25-.817-.278-1.456-.03-.64-.037-.845-.037-2.474 0-1.63.007-1.835.037-2.474.029-.639.129-1.076.278-1.456.153-.393.358-.73.692-1.062Z" clip-rule="evenodd"></path></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg, :host-context(pie-button) svg { display:block; width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--instagramCircleFilledLarge"><path d="M19.454 13.767a.72.72 0 1 0 0-1.438.72.72 0 0 0 0 1.438Z"></path><path fill-rule="evenodd" d="M13.17 16.251a3.08 3.08 0 1 0 6.161 0 3.08 3.08 0 0 0-6.162 0Zm5.08 0a2 2 0 1 1-4 .001 2 2 0 0 1 4-.001Z" clip-rule="evenodd"></path><path fill-rule="evenodd" d="M9.444 6.064a12.25 12.25 0 1 1 13.612 20.372A12.25 12.25 0 0 1 9.444 6.064Zm1.813 5.194c.335-.335.669-.54 1.064-.693.38-.15.817-.252 1.458-.278.64-.03.844-.037 2.473-.037 1.63 0 1.835.007 2.474.037.639.029 1.075.129 1.456.278.395.153.729.358 1.063.693.332.331.537.668.69 1.06.147.381.25.818.278 1.457.03.64.037.844.037 2.474 0 1.63-.007 1.834-.037 2.474-.029.639-.129 1.075-.278 1.456-.153.395-.358.73-.692 1.064-.334.334-.669.539-1.064.692-.38.147-.817.25-1.456.278-.639.03-.844.037-2.473.037-1.63 0-1.834-.007-2.473-.037-.64-.029-1.076-.129-1.456-.278a2.943 2.943 0 0 1-1.064-.692 2.944 2.944 0 0 1-.692-1.064c-.147-.38-.25-.817-.278-1.456-.03-.64-.037-.845-.037-2.474 0-1.63.007-1.835.037-2.474.029-.639.129-1.076.278-1.456.153-.393.358-.73.692-1.062Z" clip-rule="evenodd"></path></svg>';
 
 class IconSocialInstagramCircleFilledLarge extends HTMLElement {
     constructor () {

package/dist/IconSocialInstagramCircleLarge.js

@@ -3,7 +3,7 @@
 var configs = require('./pie-icons-configs/configs.js');
 
 const template = document.createElement('template');
-template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--instagramCircleLarge"><path d="M16.25 18.251a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"></path><path fill-rule="evenodd" d="M12.32 10.565c-.394.153-.729.358-1.063.693a2.936 2.936 0 0 0-.692 1.06c-.15.381-.25.818-.278 1.457-.03.64-.037.844-.037 2.474 0 1.63.007 1.834.037 2.474.029.639.131 1.075.278 1.456.153.395.358.73.692 1.064.335.334.669.539 1.064.692.38.15.817.25 1.456.278.639.03.844.037 2.473.037 1.63 0 1.834-.007 2.473-.037.64-.029 1.076-.131 1.456-.278.395-.153.73-.358 1.064-.692.334-.335.539-.669.692-1.064.15-.38.25-.817.278-1.456.03-.64.037-.845.037-2.474 0-1.63-.007-1.835-.037-2.474-.029-.639-.131-1.076-.278-1.456a2.96 2.96 0 0 0-.69-1.062 2.942 2.942 0 0 0-1.063-.692c-.38-.15-.817-.25-1.456-.278-.64-.03-.844-.037-2.474-.037-1.629 0-1.834.007-2.473.037-.641.026-1.078.129-1.458.278Zm7.854 2.483a.72.72 0 1 1-1.44 0 .72.72 0 0 1 1.44 0Zm-3.924 6.284a3.08 3.08 0 1 1 0-6.162 3.08 3.08 0 0 1 0 6.162Z" clip-rule="evenodd"></path><path fill-rule="evenodd" d="M9.444 6.064a12.25 12.25 0 1 1 13.612 20.372A12.25 12.25 0 0 1 9.444 6.064Zm.972 18.916A10.5 10.5 0 1 0 22.084 7.52a10.5 10.5 0 0 0-11.666 17.46Z" clip-rule="evenodd"></path></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg, :host-context(pie-button) svg { display:block; width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--instagramCircleLarge"><path d="M16.25 18.251a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"></path><path fill-rule="evenodd" d="M12.32 10.565c-.394.153-.729.358-1.063.693a2.936 2.936 0 0 0-.692 1.06c-.15.381-.25.818-.278 1.457-.03.64-.037.844-.037 2.474 0 1.63.007 1.834.037 2.474.029.639.131 1.075.278 1.456.153.395.358.73.692 1.064.335.334.669.539 1.064.692.38.15.817.25 1.456.278.639.03.844.037 2.473.037 1.63 0 1.834-.007 2.473-.037.64-.029 1.076-.131 1.456-.278.395-.153.73-.358 1.064-.692.334-.335.539-.669.692-1.064.15-.38.25-.817.278-1.456.03-.64.037-.845.037-2.474 0-1.63-.007-1.835-.037-2.474-.029-.639-.131-1.076-.278-1.456a2.96 2.96 0 0 0-.69-1.062 2.942 2.942 0 0 0-1.063-.692c-.38-.15-.817-.25-1.456-.278-.64-.03-.844-.037-2.474-.037-1.629 0-1.834.007-2.473.037-.641.026-1.078.129-1.458.278Zm7.854 2.483a.72.72 0 1 1-1.44 0 .72.72 0 0 1 1.44 0Zm-3.924 6.284a3.08 3.08 0 1 1 0-6.162 3.08 3.08 0 0 1 0 6.162Z" clip-rule="evenodd"></path><path fill-rule="evenodd" d="M9.444 6.064a12.25 12.25 0 1 1 13.612 20.372A12.25 12.25 0 0 1 9.444 6.064Zm.972 18.916A10.5 10.5 0 1 0 22.084 7.52a10.5 10.5 0 0 0-11.666 17.46Z" clip-rule="evenodd"></path></svg>';
 
 class IconSocialInstagramCircleLarge extends HTMLElement {
     constructor () {

package/dist/IconSocialInstagramStatic.js

@@ -3,7 +3,7 @@
 var configs = require('./pie-icons-configs/configs.js');
 
 const template = document.createElement('template');
-template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--instagramStatic"><g clip-path="url(#prefix__clip0_889_607)"><path fill="url(#prefix__paint0_radial_889_607)" d="M3.628 1.634a3.298 3.298 0 0 0-1.193.777c-.374.372-.604.75-.776 1.19-.167.426-.279.915-.312 1.632-.033.716-.04.946-.04 2.772 0 1.827.007 2.057.04 2.773.033.716.148 1.206.312 1.633.172.443.402.817.776 1.192a3.3 3.3 0 0 0 1.193.776c.426.167.916.28 1.632.312.716.033.946.041 2.773.041 1.826 0 2.056-.008 2.772-.041.717-.033 1.206-.148 1.633-.312a3.299 3.299 0 0 0 1.192-.776c.375-.375.604-.75.776-1.192.167-.427.28-.916.312-1.633.033-.716.041-.946.041-2.773 0-1.826-.008-2.056-.04-2.772-.034-.717-.148-1.206-.313-1.633a3.315 3.315 0 0 0-.773-1.19 3.298 3.298 0 0 0-1.192-.776c-.427-.166-.917-.279-1.633-.311-.716-.033-.946-.041-2.773-.041-1.826 0-2.056.008-2.772.04-.72.03-1.209.146-1.635.312Zm7.123.897c.656.03 1.011.14 1.25.233.314.123.538.268.773.503s.38.46.503.774c.093.237.203.593.233 1.25.033.707.038.92.038 2.717 0 1.797-.008 2.01-.038 2.718-.03.656-.14 1.012-.233 1.25a2.095 2.095 0 0 1-.503.774c-.235.235-.46.38-.774.503-.238.093-.593.202-1.25.232-.707.033-.92.038-2.717.038-1.797 0-2.01-.008-2.718-.038-.657-.03-1.012-.14-1.25-.232a2.095 2.095 0 0 1-.774-.503 2.096 2.096 0 0 1-.503-.774c-.093-.238-.202-.594-.232-1.25-.033-.708-.039-.921-.039-2.718 0-1.796.009-2.01.039-2.718.03-.656.14-1.012.232-1.25.123-.314.268-.538.503-.773s.46-.38.774-.503c.238-.093.593-.203 1.25-.233.708-.033.921-.038 2.718-.038 1.796 0 2.01.005 2.718.038Z"></path><path fill="url(#prefix__paint1_radial_889_607)" d="M4.58 8.008a3.454 3.454 0 1 0 6.906 0 3.454 3.454 0 0 0-6.907 0Zm5.695 0a2.242 2.242 0 1 1-4.484.001 2.242 2.242 0 0 1 4.484 0Z"></path><path fill="#654C9F" d="M11.626 5.225a.807.807 0 1 0 0-1.614.807.807 0 0 0 0 1.614Z"></path></g><defs><radialGradient id="prefix__paint0_radial_889_607" cx="0" cy="0" r="1" gradientTransform="matrix(19.42334 -1.01796 .86526 16.50964 1.55 13.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#FED576"></stop><stop offset=".263" stop-color="#F47133"></stop><stop offset=".609" stop-color="#BC3081"></stop><stop offset="1" stop-color="#4C63D2"></stop></radialGradient><radialGradient id="prefix__paint1_radial_889_607" cx="0" cy="0" r="1" gradientTransform="rotate(-2.999 258.565 -22.855) scale(19.4537 16.5321)" gradientUnits="userSpaceOnUse"><stop stop-color="#FED576"></stop><stop offset=".263" stop-color="#F47133"></stop><stop offset=".609" stop-color="#BC3081"></stop><stop offset="1" stop-color="#4C63D2"></stop></radialGradient><clipPath id="prefix__clip0_889_607"><rect width="14" height="14" fill="#fff" transform="translate(1 1)"></rect></clipPath></defs></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg, :host-context(pie-button) svg { display:block; width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--instagramStatic"><g clip-path="url(#prefix__clip0_889_607)"><path fill="url(#prefix__paint0_radial_889_607)" d="M3.628 1.634a3.298 3.298 0 0 0-1.193.777c-.374.372-.604.75-.776 1.19-.167.426-.279.915-.312 1.632-.033.716-.04.946-.04 2.772 0 1.827.007 2.057.04 2.773.033.716.148 1.206.312 1.633.172.443.402.817.776 1.192a3.3 3.3 0 0 0 1.193.776c.426.167.916.28 1.632.312.716.033.946.041 2.773.041 1.826 0 2.056-.008 2.772-.041.717-.033 1.206-.148 1.633-.312a3.299 3.299 0 0 0 1.192-.776c.375-.375.604-.75.776-1.192.167-.427.28-.916.312-1.633.033-.716.041-.946.041-2.773 0-1.826-.008-2.056-.04-2.772-.034-.717-.148-1.206-.313-1.633a3.315 3.315 0 0 0-.773-1.19 3.298 3.298 0 0 0-1.192-.776c-.427-.166-.917-.279-1.633-.311-.716-.033-.946-.041-2.773-.041-1.826 0-2.056.008-2.772.04-.72.03-1.209.146-1.635.312Zm7.123.897c.656.03 1.011.14 1.25.233.314.123.538.268.773.503s.38.46.503.774c.093.237.203.593.233 1.25.033.707.038.92.038 2.717 0 1.797-.008 2.01-.038 2.718-.03.656-.14 1.012-.233 1.25a2.095 2.095 0 0 1-.503.774c-.235.235-.46.38-.774.503-.238.093-.593.202-1.25.232-.707.033-.92.038-2.717.038-1.797 0-2.01-.008-2.718-.038-.657-.03-1.012-.14-1.25-.232a2.095 2.095 0 0 1-.774-.503 2.096 2.096 0 0 1-.503-.774c-.093-.238-.202-.594-.232-1.25-.033-.708-.039-.921-.039-2.718 0-1.796.009-2.01.039-2.718.03-.656.14-1.012.232-1.25.123-.314.268-.538.503-.773s.46-.38.774-.503c.238-.093.593-.203 1.25-.233.708-.033.921-.038 2.718-.038 1.796 0 2.01.005 2.718.038Z"></path><path fill="url(#prefix__paint1_radial_889_607)" d="M4.58 8.008a3.454 3.454 0 1 0 6.906 0 3.454 3.454 0 0 0-6.907 0Zm5.695 0a2.242 2.242 0 1 1-4.484.001 2.242 2.242 0 0 1 4.484 0Z"></path><path fill="#654C9F" d="M11.626 5.225a.807.807 0 1 0 0-1.614.807.807 0 0 0 0 1.614Z"></path></g><defs><radialGradient id="prefix__paint0_radial_889_607" cx="0" cy="0" r="1" gradientTransform="matrix(19.42334 -1.01796 .86526 16.50964 1.55 13.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#FED576"></stop><stop offset=".263" stop-color="#F47133"></stop><stop offset=".609" stop-color="#BC3081"></stop><stop offset="1" stop-color="#4C63D2"></stop></radialGradient><radialGradient id="prefix__paint1_radial_889_607" cx="0" cy="0" r="1" gradientTransform="rotate(-2.999 258.565 -22.855) scale(19.4537 16.5321)" gradientUnits="userSpaceOnUse"><stop stop-color="#FED576"></stop><stop offset=".263" stop-color="#F47133"></stop><stop offset=".609" stop-color="#BC3081"></stop><stop offset="1" stop-color="#4C63D2"></stop></radialGradient><clipPath id="prefix__clip0_889_607"><rect width="14" height="14" fill="#fff" transform="translate(1 1)"></rect></clipPath></defs></svg>';
 
 class IconSocialInstagramStatic extends HTMLElement {
     constructor () {

package/dist/IconSocialInstagramStaticLarge.js

@@ -3,7 +3,7 @@
 var configs = require('./pie-icons-configs/configs.js');
 
 const template = document.createElement('template');
-template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--instagramStaticLarge"><g clip-path="url(#prefix__clip0_889_604)"><path fill="url(#prefix__paint0_radial_889_604)" d="M8.505 5.087c-.76.296-1.402.69-2.044 1.332A5.638 5.638 0 0 0 5.13 8.458c-.286.731-.479 1.57-.535 2.798-.056 1.228-.07 1.622-.07 4.753 0 3.132.014 3.525.07 4.753.056 1.229.253 2.068.535 2.799.295.76.689 1.401 1.33 2.044a5.654 5.654 0 0 0 2.045 1.33c.73.287 1.57.479 2.798.535 1.228.056 1.622.07 4.753.07 3.131 0 3.525-.014 4.753-.07 1.228-.056 2.067-.253 2.799-.534a5.654 5.654 0 0 0 2.043-1.331 5.654 5.654 0 0 0 1.332-2.044c.286-.731.478-1.57.534-2.799.056-1.228.07-1.621.07-4.753 0-3.13-.014-3.525-.07-4.753-.056-1.228-.253-2.067-.534-2.798a5.685 5.685 0 0 0-1.327-2.04 5.654 5.654 0 0 0-2.044-1.33c-.73-.286-1.57-.479-2.798-.535-1.228-.056-1.622-.07-4.753-.07-3.131 0-3.525.014-4.753.07-1.233.052-2.072.249-2.803.534Zm12.21 1.538c1.125.052 1.735.239 2.143.398.539.211.923.46 1.326.863.403.403.652.787.863 1.326.16.408.347 1.018.398 2.143.056 1.214.066 1.58.066 4.659 0 3.08-.014 3.445-.066 4.66-.051 1.124-.239 1.734-.398 2.142-.211.539-.46.923-.863 1.326a3.593 3.593 0 0 1-1.326.863c-.408.159-1.018.347-2.143.398-1.213.056-1.58.066-4.659.066-3.08 0-3.445-.014-4.66-.066-1.124-.051-1.734-.239-2.141-.398a3.593 3.593 0 0 1-1.327-.863 3.592 3.592 0 0 1-.862-1.326c-.16-.408-.347-1.018-.399-2.143-.056-1.214-.066-1.58-.066-4.659 0-3.08.015-3.445.066-4.66.052-1.124.24-1.734.399-2.142.21-.539.459-.923.862-1.326a3.592 3.592 0 0 1 1.327-.863c.407-.159 1.017-.346 2.142-.398 1.214-.056 1.58-.066 4.66-.066 3.079 0 3.445.01 4.659.066Z"></path><path fill="url(#prefix__paint1_radial_889_604)" d="M10.136 16.014a5.92 5.92 0 1 0 11.841 0 5.92 5.92 0 0 0-11.841 0Zm9.764 0a3.843 3.843 0 1 1-7.688 0 3.843 3.843 0 1 1 7.688 0Z"></path><path fill="#654C9F" d="M22.215 11.242a1.383 1.383 0 1 0 0-2.765 1.383 1.383 0 0 0 0 2.765Z"></path></g><defs><radialGradient id="prefix__paint0_radial_889_604" cx="0" cy="0" r="1" gradientTransform="rotate(-3 488.016 -81.694) scale(33.3428 28.3411)" gradientUnits="userSpaceOnUse"><stop stop-color="#FED576"></stop><stop offset=".263" stop-color="#F47133"></stop><stop offset=".609" stop-color="#BC3081"></stop><stop offset="1" stop-color="#4C63D2"></stop></radialGradient><radialGradient id="prefix__paint1_radial_889_604" cx="0" cy="0" r="1" gradientTransform="rotate(-2.999 488.051 -81.69) scale(33.3492 28.3408)" gradientUnits="userSpaceOnUse"><stop stop-color="#FED576"></stop><stop offset=".263" stop-color="#F47133"></stop><stop offset=".609" stop-color="#BC3081"></stop><stop offset="1" stop-color="#4C63D2"></stop></radialGradient><clipPath id="prefix__clip0_889_604"><rect width="24" height="24" fill="#fff" transform="translate(4 4)"></rect></clipPath></defs></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg, :host-context(pie-button) svg { display:block; width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--instagramStaticLarge"><g clip-path="url(#prefix__clip0_889_604)"><path fill="url(#prefix__paint0_radial_889_604)" d="M8.505 5.087c-.76.296-1.402.69-2.044 1.332A5.638 5.638 0 0 0 5.13 8.458c-.286.731-.479 1.57-.535 2.798-.056 1.228-.07 1.622-.07 4.753 0 3.132.014 3.525.07 4.753.056 1.229.253 2.068.535 2.799.295.76.689 1.401 1.33 2.044a5.654 5.654 0 0 0 2.045 1.33c.73.287 1.57.479 2.798.535 1.228.056 1.622.07 4.753.07 3.131 0 3.525-.014 4.753-.07 1.228-.056 2.067-.253 2.799-.534a5.654 5.654 0 0 0 2.043-1.331 5.654 5.654 0 0 0 1.332-2.044c.286-.731.478-1.57.534-2.799.056-1.228.07-1.621.07-4.753 0-3.13-.014-3.525-.07-4.753-.056-1.228-.253-2.067-.534-2.798a5.685 5.685 0 0 0-1.327-2.04 5.654 5.654 0 0 0-2.044-1.33c-.73-.286-1.57-.479-2.798-.535-1.228-.056-1.622-.07-4.753-.07-3.131 0-3.525.014-4.753.07-1.233.052-2.072.249-2.803.534Zm12.21 1.538c1.125.052 1.735.239 2.143.398.539.211.923.46 1.326.863.403.403.652.787.863 1.326.16.408.347 1.018.398 2.143.056 1.214.066 1.58.066 4.659 0 3.08-.014 3.445-.066 4.66-.051 1.124-.239 1.734-.398 2.142-.211.539-.46.923-.863 1.326a3.593 3.593 0 0 1-1.326.863c-.408.159-1.018.347-2.143.398-1.213.056-1.58.066-4.659.066-3.08 0-3.445-.014-4.66-.066-1.124-.051-1.734-.239-2.141-.398a3.593 3.593 0 0 1-1.327-.863 3.592 3.592 0 0 1-.862-1.326c-.16-.408-.347-1.018-.399-2.143-.056-1.214-.066-1.58-.066-4.659 0-3.08.015-3.445.066-4.66.052-1.124.24-1.734.399-2.142.21-.539.459-.923.862-1.326a3.592 3.592 0 0 1 1.327-.863c.407-.159 1.017-.346 2.142-.398 1.214-.056 1.58-.066 4.66-.066 3.079 0 3.445.01 4.659.066Z"></path><path fill="url(#prefix__paint1_radial_889_604)" d="M10.136 16.014a5.92 5.92 0 1 0 11.841 0 5.92 5.92 0 0 0-11.841 0Zm9.764 0a3.843 3.843 0 1 1-7.688 0 3.843 3.843 0 1 1 7.688 0Z"></path><path fill="#654C9F" d="M22.215 11.242a1.383 1.383 0 1 0 0-2.765 1.383 1.383 0 0 0 0 2.765Z"></path></g><defs><radialGradient id="prefix__paint0_radial_889_604" cx="0" cy="0" r="1" gradientTransform="rotate(-3 488.016 -81.694) scale(33.3428 28.3411)" gradientUnits="userSpaceOnUse"><stop stop-color="#FED576"></stop><stop offset=".263" stop-color="#F47133"></stop><stop offset=".609" stop-color="#BC3081"></stop><stop offset="1" stop-color="#4C63D2"></stop></radialGradient><radialGradient id="prefix__paint1_radial_889_604" cx="0" cy="0" r="1" gradientTransform="rotate(-2.999 488.051 -81.69) scale(33.3492 28.3408)" gradientUnits="userSpaceOnUse"><stop stop-color="#FED576"></stop><stop offset=".263" stop-color="#F47133"></stop><stop offset=".609" stop-color="#BC3081"></stop><stop offset="1" stop-color="#4C63D2"></stop></radialGradient><clipPath id="prefix__clip0_889_604"><rect width="24" height="24" fill="#fff" transform="translate(4 4)"></rect></clipPath></defs></svg>';
 
 class IconSocialInstagramStaticLarge extends HTMLElement {
     constructor () {

package/dist/IconSocialLinkedinCircle.js

@@ -3,7 +3,7 @@
 var configs = require('./pie-icons-configs/configs.js');
 
 const template = document.createElement('template');
-template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--linkedinCircle"><g clip-path="url(#prefix__clip0_1611_785)"><path d="M5.808 4.772a.744.744 0 0 0-.363-.045.779.779 0 0 0-.77.464.744.744 0 0 0 .586 1.059.796.796 0 0 0 .989-.569.744.744 0 0 0-.442-.909Z"></path><path d="m8.402 7.422.053-.052a1.479 1.479 0 0 1 1.557-.621 1.558 1.558 0 0 1 1.33 1.417c.013.187.013.374 0 .56v2.354c0 .088 0 .114-.113.114h-1.19c-.088 0-.114 0-.114-.114V8.884c.001-.166-.02-.33-.061-.49a.709.709 0 0 0-1.155-.35.875.875 0 0 0-.315.717v2.337c0 .087 0 .096-.105.096H7.055c-.079 0-.105 0-.105-.097V6.933c0-.078 0-.105.096-.105h1.269c.07 0 .096 0 .096.097l-.003.174c-.003.1-.006.218-.006.324Z"></path><path d="M6.154 9.015v2.065c0 .088 0 .114-.114.114H4.806c-.079 0-.105 0-.105-.105V6.924c0-.07 0-.097.096-.097h1.27c.078 0 .095 0 .095.105-.008.692-.008 1.383-.008 2.083Z"></path><path fill-rule="evenodd" d="M8 1.081a6.875 6.875 0 1 0 0 13.75 6.875 6.875 0 0 0 0-13.75ZM2.625 7.956a5.375 5.375 0 1 1 10.75 0 5.375 5.375 0 0 1-10.75 0Z" clip-rule="evenodd"></path></g><defs><clipPath id="prefix__clip0_1611_785"><rect width="14" height="14" transform="translate(1 1)"></rect></clipPath></defs></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg, :host-context(pie-button) svg { display:block; width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--linkedinCircle"><g clip-path="url(#prefix__clip0_1611_785)"><path d="M5.808 4.772a.744.744 0 0 0-.363-.045.779.779 0 0 0-.77.464.744.744 0 0 0 .586 1.059.796.796 0 0 0 .989-.569.744.744 0 0 0-.442-.909Z"></path><path d="m8.402 7.422.053-.052a1.479 1.479 0 0 1 1.557-.621 1.558 1.558 0 0 1 1.33 1.417c.013.187.013.374 0 .56v2.354c0 .088 0 .114-.113.114h-1.19c-.088 0-.114 0-.114-.114V8.884c.001-.166-.02-.33-.061-.49a.709.709 0 0 0-1.155-.35.875.875 0 0 0-.315.717v2.337c0 .087 0 .096-.105.096H7.055c-.079 0-.105 0-.105-.097V6.933c0-.078 0-.105.096-.105h1.269c.07 0 .096 0 .096.097l-.003.174c-.003.1-.006.218-.006.324Z"></path><path d="M6.154 9.015v2.065c0 .088 0 .114-.114.114H4.806c-.079 0-.105 0-.105-.105V6.924c0-.07 0-.097.096-.097h1.27c.078 0 .095 0 .095.105-.008.692-.008 1.383-.008 2.083Z"></path><path fill-rule="evenodd" d="M8 1.081a6.875 6.875 0 1 0 0 13.75 6.875 6.875 0 0 0 0-13.75ZM2.625 7.956a5.375 5.375 0 1 1 10.75 0 5.375 5.375 0 0 1-10.75 0Z" clip-rule="evenodd"></path></g><defs><clipPath id="prefix__clip0_1611_785"><rect width="14" height="14" transform="translate(1 1)"></rect></clipPath></defs></svg>';
 
 class IconSocialLinkedinCircle extends HTMLElement {
     constructor () {

package/dist/IconSocialLinkedinCircleFilled.js

@@ -3,7 +3,7 @@
 var configs = require('./pie-icons-configs/configs.js');
 
 const template = document.createElement('template');
-template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--linkedinCircleFilled"><g clip-path="url(#prefix__clip0_1611_781)"><path d="M8.14 1.411A6.615 6.615 0 1 0 14.755 8 6.624 6.624 0 0 0 8.14 1.411Zm-2.091 9.783H4.806c-.079 0-.105 0-.105-.105V6.924c0-.07 0-.096.096-.096h1.27c.078 0 .095 0 .095.105v4.147c0 .088-.017.114-.113.114Zm.2-5.513a.796.796 0 0 1-.988.569.744.744 0 0 1-.586-1.059.779.779 0 0 1 .77-.463.744.744 0 0 1 .805.953Zm5.05 5.513h-1.26c-.088 0-.114 0-.114-.114V8.884a1.88 1.88 0 0 0-.061-.49.709.709 0 0 0-1.155-.35.875.875 0 0 0-.315.717v2.336c0 .088 0 .097-.105.097H7.055c-.079 0-.105 0-.105-.097V6.934c0-.08 0-.105.096-.105h1.269c.07 0 .096 0 .096.096v.499l.053-.053a1.479 1.479 0 0 1 1.557-.621 1.558 1.558 0 0 1 1.33 1.417c.013.187.013.374 0 .56v2.354c.035.088.009.114-.079.114h.027Z"></path></g><defs><clipPath id="prefix__clip0_1611_781"><rect width="14" height="14" transform="translate(1 1)"></rect></clipPath></defs></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg, :host-context(pie-button) svg { display:block; width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--linkedinCircleFilled"><g clip-path="url(#prefix__clip0_1611_781)"><path d="M8.14 1.411A6.615 6.615 0 1 0 14.755 8 6.624 6.624 0 0 0 8.14 1.411Zm-2.091 9.783H4.806c-.079 0-.105 0-.105-.105V6.924c0-.07 0-.096.096-.096h1.27c.078 0 .095 0 .095.105v4.147c0 .088-.017.114-.113.114Zm.2-5.513a.796.796 0 0 1-.988.569.744.744 0 0 1-.586-1.059.779.779 0 0 1 .77-.463.744.744 0 0 1 .805.953Zm5.05 5.513h-1.26c-.088 0-.114 0-.114-.114V8.884a1.88 1.88 0 0 0-.061-.49.709.709 0 0 0-1.155-.35.875.875 0 0 0-.315.717v2.336c0 .088 0 .097-.105.097H7.055c-.079 0-.105 0-.105-.097V6.934c0-.08 0-.105.096-.105h1.269c.07 0 .096 0 .096.096v.499l.053-.053a1.479 1.479 0 0 1 1.557-.621 1.558 1.558 0 0 1 1.33 1.417c.013.187.013.374 0 .56v2.354c.035.088.009.114-.079.114h.027Z"></path></g><defs><clipPath id="prefix__clip0_1611_781"><rect width="14" height="14" transform="translate(1 1)"></rect></clipPath></defs></svg>';
 
 class IconSocialLinkedinCircleFilled extends HTMLElement {
     constructor () {

package/dist/IconSocialLinkedinCircleFilledLarge.js

@@ -3,7 +3,7 @@
 var configs = require('./pie-icons-configs/configs.js');
 
 const template = document.createElement('template');
-template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--linkedinCircleFilledLarge"><path d="M16 3.671a12.25 12.25 0 1 0 0 24.5 12.25 12.25 0 0 0 0-24.5Zm-4.244 19.145H9.131c-.157 0-.218 0-.218-.21v-8.89c0-.157 0-.21.2-.201h2.696c.184 0 .21.061.21.219v8.811c-.027.21-.062.28-.263.271Zm.385-11.742a1.75 1.75 0 0 1-2.065 1.146 1.583 1.583 0 0 1-1.251-2.196A1.662 1.662 0 0 1 10.461 9a1.61 1.61 0 0 1 1.68 2.074Zm10.754 11.742H20.27c-.192 0-.245-.052-.245-.236v-4.681c.009-.345-.03-.69-.114-1.024a1.524 1.524 0 0 0-2.467-.761 1.854 1.854 0 0 0-.665 1.531v4.961c0 .193-.061.193-.21.193H13.9c-.158 0-.219 0-.219-.21v-8.864c0-.184 0-.236.219-.236h2.678c.157 0 .2.043.2.201v1.068l.106-.105a3.14 3.14 0 0 1 3.334-1.278 3.308 3.308 0 0 1 2.826 3.019c.055.397.084.797.087 1.199v5.013c0 .158-.044.219-.236.21Z"></path></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg, :host-context(pie-button) svg { display:block; width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--linkedinCircleFilledLarge"><path d="M16 3.671a12.25 12.25 0 1 0 0 24.5 12.25 12.25 0 0 0 0-24.5Zm-4.244 19.145H9.131c-.157 0-.218 0-.218-.21v-8.89c0-.157 0-.21.2-.201h2.696c.184 0 .21.061.21.219v8.811c-.027.21-.062.28-.263.271Zm.385-11.742a1.75 1.75 0 0 1-2.065 1.146 1.583 1.583 0 0 1-1.251-2.196A1.662 1.662 0 0 1 10.461 9a1.61 1.61 0 0 1 1.68 2.074Zm10.754 11.742H20.27c-.192 0-.245-.052-.245-.236v-4.681c.009-.345-.03-.69-.114-1.024a1.524 1.524 0 0 0-2.467-.761 1.854 1.854 0 0 0-.665 1.531v4.961c0 .193-.061.193-.21.193H13.9c-.158 0-.219 0-.219-.21v-8.864c0-.184 0-.236.219-.236h2.678c.157 0 .2.043.2.201v1.068l.106-.105a3.14 3.14 0 0 1 3.334-1.278 3.308 3.308 0 0 1 2.826 3.019c.055.397.084.797.087 1.199v5.013c0 .158-.044.219-.236.21Z"></path></svg>';
 
 class IconSocialLinkedinCircleFilledLarge extends HTMLElement {
     constructor () {

package/dist/IconSocialLinkedinCircleLarge.js

@@ -3,7 +3,7 @@
 var configs = require('./pie-icons-configs/configs.js');
 
 const template = document.createElement('template');
-template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--linkedinCircleLarge"><path d="M16 28.25a12.25 12.25 0 1 1 0-24.5 12.25 12.25 0 0 1 0 24.5ZM16 5.5a10.5 10.5 0 1 0 0 21 10.5 10.5 0 0 0 0-21Z"></path><path fill-rule="evenodd" d="m16.779 14.784.105-.105a3.14 3.14 0 0 1 3.333-1.304 3.307 3.307 0 0 1 2.827 3.019c.055.397.084.797.087 1.199v5.013c0 .184 0 .245-.236.236H20.27c-.193 0-.245-.052-.245-.236v-4.681a3.806 3.806 0 0 0-.114-1.05 1.522 1.522 0 0 0-2.467-.761 1.855 1.855 0 0 0-.665 1.531v4.961c0 .193-.062.193-.21.193h-2.67c-.157 0-.218 0-.218-.21v-8.864c0-.184 0-.236.219-.236h2.677c.158 0 .202.043.202.201v1.094Z" clip-rule="evenodd"></path><path fill-rule="evenodd" d="M11.992 18.17v4.375c0 .184 0 .254-.236.245H9.131c-.157 0-.219 0-.219-.21v-8.89c0-.157 0-.21.202-.201h2.695c.184 0 .21.061.21.218-.035 1.505-.027 2.984-.027 4.463Z" clip-rule="evenodd"></path><path fill-rule="evenodd" d="M10.461 9a1.61 1.61 0 0 1 1.68 2.039 1.75 1.75 0 0 1-2.065 1.146 1.585 1.585 0 0 1-1.251-2.161A1.662 1.662 0 0 1 10.461 9Z" clip-rule="evenodd"></path></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg, :host-context(pie-button) svg { display:block; width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--linkedinCircleLarge"><path d="M16 28.25a12.25 12.25 0 1 1 0-24.5 12.25 12.25 0 0 1 0 24.5ZM16 5.5a10.5 10.5 0 1 0 0 21 10.5 10.5 0 0 0 0-21Z"></path><path fill-rule="evenodd" d="m16.779 14.784.105-.105a3.14 3.14 0 0 1 3.333-1.304 3.307 3.307 0 0 1 2.827 3.019c.055.397.084.797.087 1.199v5.013c0 .184 0 .245-.236.236H20.27c-.193 0-.245-.052-.245-.236v-4.681a3.806 3.806 0 0 0-.114-1.05 1.522 1.522 0 0 0-2.467-.761 1.855 1.855 0 0 0-.665 1.531v4.961c0 .193-.062.193-.21.193h-2.67c-.157 0-.218 0-.218-.21v-8.864c0-.184 0-.236.219-.236h2.677c.158 0 .202.043.202.201v1.094Z" clip-rule="evenodd"></path><path fill-rule="evenodd" d="M11.992 18.17v4.375c0 .184 0 .254-.236.245H9.131c-.157 0-.219 0-.219-.21v-8.89c0-.157 0-.21.202-.201h2.695c.184 0 .21.061.21.218-.035 1.505-.027 2.984-.027 4.463Z" clip-rule="evenodd"></path><path fill-rule="evenodd" d="M10.461 9a1.61 1.61 0 0 1 1.68 2.039 1.75 1.75 0 0 1-2.065 1.146 1.585 1.585 0 0 1-1.251-2.161A1.662 1.662 0 0 1 10.461 9Z" clip-rule="evenodd"></path></svg>';
 
 class IconSocialLinkedinCircleLarge extends HTMLElement {
     constructor () {

package/dist/IconSocialLinkedinStatic.js

@@ -3,7 +3,7 @@
 var configs = require('./pie-icons-configs/configs.js');
 
 const template = document.createElement('template');
-template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--linkedinStatic"><path fill="#069" d="M2 2.86A.87.87 0 0 1 2.881 2h10.162a.87.87 0 0 1 .881.86v10.28a.87.87 0 0 1-.88.86H2.88A.87.87 0 0 1 2 13.14V2.86Z"></path><path fill="#fff" fill-rule="evenodd" d="M5.614 12.045V6.627h-1.8v5.418h1.8Zm-.9-6.158c.628 0 1.019-.416 1.019-.936-.012-.532-.391-.937-1.007-.937-.616 0-1.02.405-1.02.937 0 .52.392.936.996.936h.012Z" clip-rule="evenodd"></path><path fill="#fff" fill-rule="evenodd" d="M6.61 12.045h1.802V9.02c0-.162.012-.324.06-.44.13-.323.426-.658.923-.658.652 0 .913.497.913 1.225v2.9h1.8V8.937c0-1.664-.888-2.439-2.073-2.439-.971 0-1.398.544-1.635.913h.012v-.785H6.611c.024.508 0 5.418 0 5.418Z" clip-rule="evenodd"></path></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg, :host-context(pie-button) svg { display:block; width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--linkedinStatic"><path fill="#069" d="M2 2.86A.87.87 0 0 1 2.881 2h10.162a.87.87 0 0 1 .881.86v10.28a.87.87 0 0 1-.88.86H2.88A.87.87 0 0 1 2 13.14V2.86Z"></path><path fill="#fff" fill-rule="evenodd" d="M5.614 12.045V6.627h-1.8v5.418h1.8Zm-.9-6.158c.628 0 1.019-.416 1.019-.936-.012-.532-.391-.937-1.007-.937-.616 0-1.02.405-1.02.937 0 .52.392.936.996.936h.012Z" clip-rule="evenodd"></path><path fill="#fff" fill-rule="evenodd" d="M6.61 12.045h1.802V9.02c0-.162.012-.324.06-.44.13-.323.426-.658.923-.658.652 0 .913.497.913 1.225v2.9h1.8V8.937c0-1.664-.888-2.439-2.073-2.439-.971 0-1.398.544-1.635.913h.012v-.785H6.611c.024.508 0 5.418 0 5.418Z" clip-rule="evenodd"></path></svg>';
 
 class IconSocialLinkedinStatic extends HTMLElement {
     constructor () {

package/dist/IconSocialLinkedinStaticLarge.js

@@ -3,7 +3,7 @@
 var configs = require('./pie-icons-configs/configs.js');
 
 const template = document.createElement('template');
-template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--linkedinStaticLarge"><path fill="#069" d="M4 5.72C4 4.77 4.794 4 5.774 4h20.452C27.206 4 28 4.77 28 5.72v20.56c0 .95-.794 1.72-1.774 1.72H5.774C4.794 28 4 27.23 4 26.28V5.72Z"></path><path fill="#fff" fill-rule="evenodd" d="M11.274 24.09V13.253H7.65V24.09h3.625ZM9.462 11.774c1.264 0 2.05-.833 2.05-1.873-.023-1.063-.786-1.872-2.026-1.872-1.24 0-2.05.809-2.05 1.872 0 1.04.786 1.873 2.002 1.873h.024Z" clip-rule="evenodd"></path><path fill="#fff" fill-rule="evenodd" d="M13.28 24.09h3.625v-6.052c0-.323.024-.647.12-.878.262-.648.858-1.318 1.86-1.318 1.311 0 1.836.994 1.836 2.45v5.798h3.625v-6.213c0-3.33-1.789-4.878-4.174-4.878-1.955 0-2.814 1.086-3.29 1.826h.023v-1.572H13.28c.048 1.017 0 10.837 0 10.837Z" clip-rule="evenodd"></path></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg, :host-context(pie-button) svg { display:block; width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--linkedinStaticLarge"><path fill="#069" d="M4 5.72C4 4.77 4.794 4 5.774 4h20.452C27.206 4 28 4.77 28 5.72v20.56c0 .95-.794 1.72-1.774 1.72H5.774C4.794 28 4 27.23 4 26.28V5.72Z"></path><path fill="#fff" fill-rule="evenodd" d="M11.274 24.09V13.253H7.65V24.09h3.625ZM9.462 11.774c1.264 0 2.05-.833 2.05-1.873-.023-1.063-.786-1.872-2.026-1.872-1.24 0-2.05.809-2.05 1.872 0 1.04.786 1.873 2.002 1.873h.024Z" clip-rule="evenodd"></path><path fill="#fff" fill-rule="evenodd" d="M13.28 24.09h3.625v-6.052c0-.323.024-.647.12-.878.262-.648.858-1.318 1.86-1.318 1.311 0 1.836.994 1.836 2.45v5.798h3.625v-6.213c0-3.33-1.789-4.878-4.174-4.878-1.955 0-2.814 1.086-3.29 1.826h.023v-1.572H13.28c.048 1.017 0 10.837 0 10.837Z" clip-rule="evenodd"></path></svg>';
 
 class IconSocialLinkedinStaticLarge extends HTMLElement {
     constructor () {

package/dist/IconSocialMicrosoftCircle.js

@@ -3,7 +3,7 @@
 var configs = require('./pie-icons-configs/configs.js');
 
 const template = document.createElement('template');
-template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--microsoftCircle"><g clip-path="url(#prefix__clip0_2820_3490)"><path d="M8 1.175A6.781 6.781 0 1 0 14.78 8 6.79 6.79 0 0 0 8 1.175Zm0 12.25A5.468 5.468 0 1 1 8 2.488a5.468 5.468 0 0 1 0 10.937Z"></path><path d="M7.71 11H5V8.285h2.726L7.71 11Z"></path><path d="M11 11H8.274V8.285H11V11Z"></path><path d="M7.71 7.715H5V5h2.726L7.71 7.715Z"></path><path d="M11 7.715H8.274V5H11v2.715Z"></path></g><defs><clipPath id="prefix__clip0_2820_3490"><rect width="14" height="14" transform="translate(1 1)"></rect></clipPath></defs></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg, :host-context(pie-button) svg { display:block; width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--microsoftCircle"><g clip-path="url(#prefix__clip0_2820_3490)"><path d="M8 1.175A6.781 6.781 0 1 0 14.78 8 6.79 6.79 0 0 0 8 1.175Zm0 12.25A5.468 5.468 0 1 1 8 2.488a5.468 5.468 0 0 1 0 10.937Z"></path><path d="M7.71 11H5V8.285h2.726L7.71 11Z"></path><path d="M11 11H8.274V8.285H11V11Z"></path><path d="M7.71 7.715H5V5h2.726L7.71 7.715Z"></path><path d="M11 7.715H8.274V5H11v2.715Z"></path></g><defs><clipPath id="prefix__clip0_2820_3490"><rect width="14" height="14" transform="translate(1 1)"></rect></clipPath></defs></svg>';
 
 class IconSocialMicrosoftCircle extends HTMLElement {
     constructor () {

package/dist/IconSocialMicrosoftCircleFilled.js

@@ -3,7 +3,7 @@
 var configs = require('./pie-icons-configs/configs.js');
 
 const template = document.createElement('template');
-template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--microsoftCircleFilled"><g clip-path="url(#prefix__clip0_2820_3487)"><path fill-rule="evenodd" d="M4.237 2.315A6.781 6.781 0 0 1 8 1.175 6.79 6.79 0 0 1 14.78 8 6.781 6.781 0 1 1 4.237 2.315Zm3.473 5.4H5V5h2.726L7.71 7.715ZM5 11h2.71l.016-2.715H5V11Zm3.274 0H11V8.285H8.274V11Zm0-3.285H11V5H8.274v2.715Z" clip-rule="evenodd"></path></g><defs><clipPath id="prefix__clip0_2820_3487"><rect width="14" height="14" transform="translate(1 1)"></rect></clipPath></defs></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg, :host-context(pie-button) svg { display:block; width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--microsoftCircleFilled"><g clip-path="url(#prefix__clip0_2820_3487)"><path fill-rule="evenodd" d="M4.237 2.315A6.781 6.781 0 0 1 8 1.175 6.79 6.79 0 0 1 14.78 8 6.781 6.781 0 1 1 4.237 2.315Zm3.473 5.4H5V5h2.726L7.71 7.715ZM5 11h2.71l.016-2.715H5V11Zm3.274 0H11V8.285H8.274V11Zm0-3.285H11V5H8.274v2.715Z" clip-rule="evenodd"></path></g><defs><clipPath id="prefix__clip0_2820_3487"><rect width="14" height="14" transform="translate(1 1)"></rect></clipPath></defs></svg>';
 
 class IconSocialMicrosoftCircleFilled extends HTMLElement {
     constructor () {

package/dist/IconSocialMicrosoftCircleFilledLarge.js

@@ -3,7 +3,7 @@
 var configs = require('./pie-icons-configs/configs.js');
 
 const template = document.createElement('template');
-template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--microsoftCircleFilledLarge"><path fill-rule="evenodd" d="M16 28.25a12.25 12.25 0 1 1 0-24.5 12.25 12.25 0 0 1 0 24.5ZM15.5 10H10v5.5h5.5V10Zm0 6.5H10V22h5.5v-5.5Zm1-6.5H22v5.5h-5.5V10Zm5.5 6.5h-5.5V22H22v-5.5Z" clip-rule="evenodd"></path></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg, :host-context(pie-button) svg { display:block; width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--microsoftCircleFilledLarge"><path fill-rule="evenodd" d="M16 28.25a12.25 12.25 0 1 1 0-24.5 12.25 12.25 0 0 1 0 24.5ZM15.5 10H10v5.5h5.5V10Zm0 6.5H10V22h5.5v-5.5Zm1-6.5H22v5.5h-5.5V10Zm5.5 6.5h-5.5V22H22v-5.5Z" clip-rule="evenodd"></path></svg>';
 
 class IconSocialMicrosoftCircleFilledLarge extends HTMLElement {
     constructor () {

package/dist/IconSocialMicrosoftCircleLarge.js

@@ -3,7 +3,7 @@
 var configs = require('./pie-icons-configs/configs.js');
 
 const template = document.createElement('template');
-template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--microsoftCircleLarge"><path d="M16 28.25a12.25 12.25 0 1 1 0-24.5 12.25 12.25 0 0 1 0 24.5ZM16 5.5a10.5 10.5 0 1 0 0 21 10.5 10.5 0 0 0 0-21Z"></path><path d="M10 10h5.5v5.5H10V10Z"></path><path d="M10 16.5h5.5V22H10v-5.5Z"></path><path d="M16.5 10H22v5.5h-5.5V10Z"></path><path d="M16.5 16.5H22V22h-5.5v-5.5Z"></path></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg, :host-context(pie-button) svg { display:block; width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--microsoftCircleLarge"><path d="M16 28.25a12.25 12.25 0 1 1 0-24.5 12.25 12.25 0 0 1 0 24.5ZM16 5.5a10.5 10.5 0 1 0 0 21 10.5 10.5 0 0 0 0-21Z"></path><path d="M10 10h5.5v5.5H10V10Z"></path><path d="M10 16.5h5.5V22H10v-5.5Z"></path><path d="M16.5 10H22v5.5h-5.5V10Z"></path><path d="M16.5 16.5H22V22h-5.5v-5.5Z"></path></svg>';
 
 class IconSocialMicrosoftCircleLarge extends HTMLElement {
     constructor () {

package/dist/IconSocialMicrosoftStatic.js

@@ -3,7 +3,7 @@
 var configs = require('./pie-icons-configs/configs.js');
 
 const template = document.createElement('template');
-template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--microsoftStatic"><g clip-path="url(#prefix__clip0_2820_3494)"><path fill="#00A3EE" d="M7.372 14.5H1.5V8.618h5.905L7.372 14.5Z"></path><path fill="#FFB700" d="M8.595 14.5H14.5V8.618H8.595V14.5Z"></path><path fill="#F15121" d="M7.372 7.382H1.5V1.5h5.905l-.033 5.882Z"></path><path fill="#7EB801" d="M14.5 7.382H8.595V1.5H14.5v5.882Z"></path></g><defs><clipPath id="prefix__clip0_2820_3494"><rect width="14" height="14" fill="#fff" transform="translate(1 1)"></rect></clipPath></defs></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg, :host-context(pie-button) svg { display:block; width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--microsoftStatic"><g clip-path="url(#prefix__clip0_2820_3494)"><path fill="#00A3EE" d="M7.372 14.5H1.5V8.618h5.905L7.372 14.5Z"></path><path fill="#FFB700" d="M8.595 14.5H14.5V8.618H8.595V14.5Z"></path><path fill="#F15121" d="M7.372 7.382H1.5V1.5h5.905l-.033 5.882Z"></path><path fill="#7EB801" d="M14.5 7.382H8.595V1.5H14.5v5.882Z"></path></g><defs><clipPath id="prefix__clip0_2820_3494"><rect width="14" height="14" fill="#fff" transform="translate(1 1)"></rect></clipPath></defs></svg>';
 
 class IconSocialMicrosoftStatic extends HTMLElement {
     constructor () {

package/dist/IconSocialMicrosoftStaticLarge.js

@@ -3,7 +3,7 @@
 var configs = require('./pie-icons-configs/configs.js');
 
 const template = document.createElement('template');
-template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--microsoftStaticLarge"><path fill="#F15121" d="M4 4h11v11H4V4Z"></path><path fill="#00A3EE" d="M4 17h11v11H4V17Z"></path><path fill="#7EB801" d="M17 4h11v11H17V4Z"></path><path fill="#FFB700" d="M17 17h11v11H17V17Z"></path></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg, :host-context(pie-button) svg { display:block; width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--microsoftStaticLarge"><path fill="#F15121" d="M4 4h11v11H4V4Z"></path><path fill="#00A3EE" d="M4 17h11v11H4V17Z"></path><path fill="#7EB801" d="M17 4h11v11H17V4Z"></path><path fill="#FFB700" d="M17 17h11v11H17V17Z"></path></svg>';
 
 class IconSocialMicrosoftStaticLarge extends HTMLElement {
     constructor () {

package/dist/IconSocialPinterestCircle.js

@@ -3,7 +3,7 @@
 var configs = require('./pie-icons-configs/configs.js');
 
 const template = document.createElement('template');
-template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--pinterestCircle"><g clip-path="url(#prefix__clip0_1611_693)"><path d="M8 1.175A6.781 6.781 0 1 0 14.78 8 6.79 6.79 0 0 0 8 1.175Zm0 12.25a5.25 5.25 0 0 1-1.671-.263c.294-.408.516-.863.656-1.347.114-.394.219-.796.324-1.19a.992.992 0 0 1 0-.131c.052.061.078.114.122.157l.123.114a1.794 1.794 0 0 0 1.46.367 2.817 2.817 0 0 0 2.092-1.382c.4-.625.618-1.35.63-2.091a3.334 3.334 0 0 0-2.249-3.325 4.314 4.314 0 0 0-2.03-.193 3.64 3.64 0 0 0-2.415 1.234 3.369 3.369 0 0 0-.437 3.71c.169.37.45.676.805.875.131.061.175 0 .21-.096.035-.097.114-.412.157-.622a.28.28 0 0 0-.052-.2 2.476 2.476 0 0 1 .525-3.343 2.739 2.739 0 0 1 2.476-.464 2.153 2.153 0 0 1 1.453 1.19c.19.416.268.874.227 1.33a3.168 3.168 0 0 1-.499 1.671 1.593 1.593 0 0 1-1.295.788.874.874 0 0 1-.875-1.112c.114-.402.237-.787.35-1.19a2.52 2.52 0 0 0 .114-.875.735.735 0 0 0-1.076-.62 1.164 1.164 0 0 0-.63.708c-.167.458-.167.96 0 1.417a.534.534 0 0 1 0 .237c-.219.936-.446 1.872-.656 2.817-.07.45-.07.907 0 1.357a5.469 5.469 0 1 1 2.16.472Z"></path></g><defs><clipPath id="prefix__clip0_1611_693"><rect width="14" height="14" transform="translate(1 1)"></rect></clipPath></defs></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg, :host-context(pie-button) svg { display:block; width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--pinterestCircle"><g clip-path="url(#prefix__clip0_1611_693)"><path d="M8 1.175A6.781 6.781 0 1 0 14.78 8 6.79 6.79 0 0 0 8 1.175Zm0 12.25a5.25 5.25 0 0 1-1.671-.263c.294-.408.516-.863.656-1.347.114-.394.219-.796.324-1.19a.992.992 0 0 1 0-.131c.052.061.078.114.122.157l.123.114a1.794 1.794 0 0 0 1.46.367 2.817 2.817 0 0 0 2.092-1.382c.4-.625.618-1.35.63-2.091a3.334 3.334 0 0 0-2.249-3.325 4.314 4.314 0 0 0-2.03-.193 3.64 3.64 0 0 0-2.415 1.234 3.369 3.369 0 0 0-.437 3.71c.169.37.45.676.805.875.131.061.175 0 .21-.096.035-.097.114-.412.157-.622a.28.28 0 0 0-.052-.2 2.476 2.476 0 0 1 .525-3.343 2.739 2.739 0 0 1 2.476-.464 2.153 2.153 0 0 1 1.453 1.19c.19.416.268.874.227 1.33a3.168 3.168 0 0 1-.499 1.671 1.593 1.593 0 0 1-1.295.788.874.874 0 0 1-.875-1.112c.114-.402.237-.787.35-1.19a2.52 2.52 0 0 0 .114-.875.735.735 0 0 0-1.076-.62 1.164 1.164 0 0 0-.63.708c-.167.458-.167.96 0 1.417a.534.534 0 0 1 0 .237c-.219.936-.446 1.872-.656 2.817-.07.45-.07.907 0 1.357a5.469 5.469 0 1 1 2.16.472Z"></path></g><defs><clipPath id="prefix__clip0_1611_693"><rect width="14" height="14" transform="translate(1 1)"></rect></clipPath></defs></svg>';
 
 class IconSocialPinterestCircle extends HTMLElement {
     constructor () {

package/dist/IconSocialPinterestCircleFilled.js

@@ -3,7 +3,7 @@
 var configs = require('./pie-icons-configs/configs.js');
 
 const template = document.createElement('template');
-template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--pinterestCircleFilled"><g clip-path="url(#prefix__clip0_1611_690)"><path d="M8 1.175A6.781 6.781 0 1 0 14.78 8 6.79 6.79 0 0 0 8 1.175Zm3.211 8.671a2.975 2.975 0 0 1-2.144 1.426 1.88 1.88 0 0 1-1.522-.385.583.583 0 0 1-.131-.122 1.417 1.417 0 0 1-.123-.14l-.044.131c-.105.42-.21.831-.332 1.251a5.04 5.04 0 0 1-.998 1.812l-.105.14v-.053a6.125 6.125 0 0 1 0-2.117c.22-.98.455-1.96.683-2.932a.464.464 0 0 0 0-.245 2.223 2.223 0 0 1 0-1.487 1.164 1.164 0 0 1 .63-.762.761.761 0 0 1 1.076.665c.01.297-.031.593-.122.875-.114.412-.245.823-.36 1.234a.875.875 0 0 0 .893 1.173 1.637 1.637 0 0 0 1.348-.814c.33-.525.512-1.13.525-1.75a2.722 2.722 0 0 0-.245-1.391A2.25 2.25 0 0 0 8.726 5.12a2.835 2.835 0 0 0-2.572.49 2.573 2.573 0 0 0-.552 3.447.324.324 0 0 1 .053.22c-.044.218-.105.428-.158.647-.052.218-.087.157-.218.096a1.978 1.978 0 0 1-.875-.875 3.5 3.5 0 0 1 .48-3.859 3.806 3.806 0 0 1 2.53-1.304 4.533 4.533 0 0 1 2.108.202 3.5 3.5 0 0 1 2.345 3.5 4.288 4.288 0 0 1-.656 2.161Z"></path></g><defs><clipPath id="prefix__clip0_1611_690"><rect width="14" height="14" transform="translate(1 1)"></rect></clipPath></defs></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg, :host-context(pie-button) svg { display:block; width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--pinterestCircleFilled"><g clip-path="url(#prefix__clip0_1611_690)"><path d="M8 1.175A6.781 6.781 0 1 0 14.78 8 6.79 6.79 0 0 0 8 1.175Zm3.211 8.671a2.975 2.975 0 0 1-2.144 1.426 1.88 1.88 0 0 1-1.522-.385.583.583 0 0 1-.131-.122 1.417 1.417 0 0 1-.123-.14l-.044.131c-.105.42-.21.831-.332 1.251a5.04 5.04 0 0 1-.998 1.812l-.105.14v-.053a6.125 6.125 0 0 1 0-2.117c.22-.98.455-1.96.683-2.932a.464.464 0 0 0 0-.245 2.223 2.223 0 0 1 0-1.487 1.164 1.164 0 0 1 .63-.762.761.761 0 0 1 1.076.665c.01.297-.031.593-.122.875-.114.412-.245.823-.36 1.234a.875.875 0 0 0 .893 1.173 1.637 1.637 0 0 0 1.348-.814c.33-.525.512-1.13.525-1.75a2.722 2.722 0 0 0-.245-1.391A2.25 2.25 0 0 0 8.726 5.12a2.835 2.835 0 0 0-2.572.49 2.573 2.573 0 0 0-.552 3.447.324.324 0 0 1 .053.22c-.044.218-.105.428-.158.647-.052.218-.087.157-.218.096a1.978 1.978 0 0 1-.875-.875 3.5 3.5 0 0 1 .48-3.859 3.806 3.806 0 0 1 2.53-1.304 4.533 4.533 0 0 1 2.108.202 3.5 3.5 0 0 1 2.345 3.5 4.288 4.288 0 0 1-.656 2.161Z"></path></g><defs><clipPath id="prefix__clip0_1611_690"><rect width="14" height="14" transform="translate(1 1)"></rect></clipPath></defs></svg>';
 
 class IconSocialPinterestCircleFilled extends HTMLElement {
     constructor () {

package/dist/IconSocialPinterestCircleFilledLarge.js

@@ -3,7 +3,7 @@
 var configs = require('./pie-icons-configs/configs.js');
 
 const template = document.createElement('template');
-template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--pinterestCircleFilledLarge"><path d="M16 3.75a12.25 12.25 0 1 0 0 24.5 12.25 12.25 0 0 0 0-24.5Zm5.915 15.636a5.345 5.345 0 0 1-3.902 2.625 3.414 3.414 0 0 1-2.766-.682 1.946 1.946 0 0 1-.236-.228c-.07-.078-.131-.166-.227-.288 0 .105-.053.175-.07.245-.202.752-.385 1.505-.604 2.257a9.16 9.16 0 0 1-1.811 3.299c-.07.078-.123.157-.193.245l-.07-.079a11.426 11.426 0 0 1-.052-3.859c.393-1.75.831-3.543 1.242-5.32a.876.876 0 0 0 0-.446 3.963 3.963 0 0 1 0-2.695 2.135 2.135 0 0 1 1.234-1.356 1.384 1.384 0 0 1 1.899 1.146 4.377 4.377 0 0 1-.228 1.61c-.21.753-.446 1.496-.647 2.249a1.61 1.61 0 0 0 1.697 2.1 3.009 3.009 0 0 0 2.45-1.488 6.055 6.055 0 0 0 .954-3.167 4.952 4.952 0 0 0-.438-2.511 4.094 4.094 0 0 0-2.747-2.258 5.17 5.17 0 0 0-4.681.875 4.664 4.664 0 0 0-.989 6.265.621.621 0 0 1 .088.394c-.08.393-.184.787-.29 1.172-.104.385-.165.298-.393.175a3.614 3.614 0 0 1-1.531-1.584 6.37 6.37 0 0 1 .814-7 6.843 6.843 0 0 1 4.585-2.362 8.077 8.077 0 0 1 3.84.367 6.309 6.309 0 0 1 4.253 6.318 7.762 7.762 0 0 1-1.181 3.981Z"></path></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg, :host-context(pie-button) svg { display:block; width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--pinterestCircleFilledLarge"><path d="M16 3.75a12.25 12.25 0 1 0 0 24.5 12.25 12.25 0 0 0 0-24.5Zm5.915 15.636a5.345 5.345 0 0 1-3.902 2.625 3.414 3.414 0 0 1-2.766-.682 1.946 1.946 0 0 1-.236-.228c-.07-.078-.131-.166-.227-.288 0 .105-.053.175-.07.245-.202.752-.385 1.505-.604 2.257a9.16 9.16 0 0 1-1.811 3.299c-.07.078-.123.157-.193.245l-.07-.079a11.426 11.426 0 0 1-.052-3.859c.393-1.75.831-3.543 1.242-5.32a.876.876 0 0 0 0-.446 3.963 3.963 0 0 1 0-2.695 2.135 2.135 0 0 1 1.234-1.356 1.384 1.384 0 0 1 1.899 1.146 4.377 4.377 0 0 1-.228 1.61c-.21.753-.446 1.496-.647 2.249a1.61 1.61 0 0 0 1.697 2.1 3.009 3.009 0 0 0 2.45-1.488 6.055 6.055 0 0 0 .954-3.167 4.952 4.952 0 0 0-.438-2.511 4.094 4.094 0 0 0-2.747-2.258 5.17 5.17 0 0 0-4.681.875 4.664 4.664 0 0 0-.989 6.265.621.621 0 0 1 .088.394c-.08.393-.184.787-.29 1.172-.104.385-.165.298-.393.175a3.614 3.614 0 0 1-1.531-1.584 6.37 6.37 0 0 1 .814-7 6.843 6.843 0 0 1 4.585-2.362 8.077 8.077 0 0 1 3.84.367 6.309 6.309 0 0 1 4.253 6.318 7.762 7.762 0 0 1-1.181 3.981Z"></path></svg>';
 
 class IconSocialPinterestCircleFilledLarge extends HTMLElement {
     constructor () {

package/dist/IconSocialPinterestCircleLarge.js

@@ -3,7 +3,7 @@
 var configs = require('./pie-icons-configs/configs.js');
 
 const template = document.createElement('template');
-template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--pinterestCircleLarge"><path d="M16 3.75a12.25 12.25 0 1 0 0 24.5 12.25 12.25 0 0 0 0-24.5Zm0 22.75a10.344 10.344 0 0 1-3.141-.481 8.646 8.646 0 0 0 1.233-2.538c.22-.761.403-1.531.604-2.292 0-.07.044-.131.079-.245.066.106.142.206.227.297.073.083.152.159.237.228a3.5 3.5 0 0 0 2.8.691 5.407 5.407 0 0 0 3.937-2.625 7.875 7.875 0 0 0 1.199-3.999 6.38 6.38 0 0 0-4.296-6.378 8.26 8.26 0 0 0-3.885-.377 7 7 0 0 0-4.638 2.389 6.431 6.431 0 0 0-.822 7.088 3.63 3.63 0 0 0 1.54 1.6c.245.123.341.08.411-.174.096-.394.21-.788.28-1.19a.57.57 0 0 0-.079-.394 4.707 4.707 0 0 1 .998-6.335 5.25 5.25 0 0 1 4.734-.875 4.131 4.131 0 0 1 2.773 2.284c.366.793.52 1.667.447 2.537a6.264 6.264 0 0 1-.963 3.203 3.055 3.055 0 0 1-2.485 1.461 1.627 1.627 0 0 1-1.706-2.126c.201-.761.437-1.514.647-2.266a4.683 4.683 0 0 0 .236-1.628 1.4 1.4 0 0 0-1.977-1.234 2.133 2.133 0 0 0-1.242 1.374 3.981 3.981 0 0 0 0 2.721c.034.147.034.3 0 .447-.42 1.75-.875 3.587-1.26 5.38a8.698 8.698 0 0 0-.044 2.582A10.5 10.5 0 1 1 16 26.5Z"></path></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg, :host-context(pie-button) svg { display:block; width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 32 32" class="c-pieIcon c-pieIcon--pinterestCircleLarge"><path d="M16 3.75a12.25 12.25 0 1 0 0 24.5 12.25 12.25 0 0 0 0-24.5Zm0 22.75a10.344 10.344 0 0 1-3.141-.481 8.646 8.646 0 0 0 1.233-2.538c.22-.761.403-1.531.604-2.292 0-.07.044-.131.079-.245.066.106.142.206.227.297.073.083.152.159.237.228a3.5 3.5 0 0 0 2.8.691 5.407 5.407 0 0 0 3.937-2.625 7.875 7.875 0 0 0 1.199-3.999 6.38 6.38 0 0 0-4.296-6.378 8.26 8.26 0 0 0-3.885-.377 7 7 0 0 0-4.638 2.389 6.431 6.431 0 0 0-.822 7.088 3.63 3.63 0 0 0 1.54 1.6c.245.123.341.08.411-.174.096-.394.21-.788.28-1.19a.57.57 0 0 0-.079-.394 4.707 4.707 0 0 1 .998-6.335 5.25 5.25 0 0 1 4.734-.875 4.131 4.131 0 0 1 2.773 2.284c.366.793.52 1.667.447 2.537a6.264 6.264 0 0 1-.963 3.203 3.055 3.055 0 0 1-2.485 1.461 1.627 1.627 0 0 1-1.706-2.126c.201-.761.437-1.514.647-2.266a4.683 4.683 0 0 0 .236-1.628 1.4 1.4 0 0 0-1.977-1.234 2.133 2.133 0 0 0-1.242 1.374 3.981 3.981 0 0 0 0 2.721c.034.147.034.3 0 .447-.42 1.75-.875 3.587-1.26 5.38a8.698 8.698 0 0 0-.044 2.582A10.5 10.5 0 1 1 16 26.5Z"></path></svg>';
 
 class IconSocialPinterestCircleLarge extends HTMLElement {
     constructor () {

package/dist/IconSocialPinterestStatic.js

@@ -3,7 +3,7 @@
 var configs = require('./pie-icons-configs/configs.js');
 
 const template = document.createElement('template');
-template.innerHTML = '<style>:host-context(pie-icon-button) svg { width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--pinterestStatic"><g clip-path="url(#prefix__clip0_1615_900)"><path fill="#E60023" d="M8 1.875a6.125 6.125 0 0 0-2.232 11.83c-.054-.484-.102-1.23.021-1.758.111-.478.718-3.045.718-3.045s-.183-.367-.183-.91c0-.851.494-1.487 1.108-1.487.523 0 .775.393.775.863 0 .526-.334 1.311-.507 2.04-.144.609.306 1.106.907 1.106 1.089 0 1.926-1.148 1.926-2.805 0-1.466-1.054-2.492-2.559-2.492-1.743 0-2.766 1.308-2.766 2.659 0 .526.203 1.09.456 1.397.05.061.058.114.043.176l-.17.695c-.027.112-.09.136-.205.082-.765-.357-1.243-1.475-1.243-2.373 0-1.932 1.403-3.707 4.047-3.707 2.124 0 3.776 1.514 3.776 3.538 0 2.11-1.332 3.81-3.179 3.81-.62 0-1.204-.323-1.404-.704l-.381 1.456c-.139.532-.512 1.199-.762 1.606A6.125 6.125 0 1 0 8 1.875Z"></path></g><defs><clipPath id="prefix__clip0_1615_900"><rect width="14" height="14" fill="#fff" transform="translate(1 1)"></rect></clipPath></defs></svg>';
+template.innerHTML = '<style>:host-context(pie-icon-button) svg, :host-context(pie-button) svg { display:block; width: var(--btn-icon-size); height: var(--btn-icon-size); }</style><svg xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--pinterestStatic"><g clip-path="url(#prefix__clip0_1615_900)"><path fill="#E60023" d="M8 1.875a6.125 6.125 0 0 0-2.232 11.83c-.054-.484-.102-1.23.021-1.758.111-.478.718-3.045.718-3.045s-.183-.367-.183-.91c0-.851.494-1.487 1.108-1.487.523 0 .775.393.775.863 0 .526-.334 1.311-.507 2.04-.144.609.306 1.106.907 1.106 1.089 0 1.926-1.148 1.926-2.805 0-1.466-1.054-2.492-2.559-2.492-1.743 0-2.766 1.308-2.766 2.659 0 .526.203 1.09.456 1.397.05.061.058.114.043.176l-.17.695c-.027.112-.09.136-.205.082-.765-.357-1.243-1.475-1.243-2.373 0-1.932 1.403-3.707 4.047-3.707 2.124 0 3.776 1.514 3.776 3.538 0 2.11-1.332 3.81-3.179 3.81-.62 0-1.204-.323-1.404-.704l-.381 1.456c-.139.532-.512 1.199-.762 1.606A6.125 6.125 0 1 0 8 1.875Z"></path></g><defs><clipPath id="prefix__clip0_1615_900"><rect width="14" height="14" fill="#fff" transform="translate(1 1)"></rect></clipPath></defs></svg>';
 
 class IconSocialPinterestStatic extends HTMLElement {
     constructor () {