.icon {
  width: 14px;
  height: 14px;
  background-color: var(--color);
}

.icon-home {
  -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25" fill="none" stroke="%23232326" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M23 9.99V22a2.006 2.006 0 0 1-2 2h-6v-8h-5v8H4a2.006 2.006 0 0 1-2-2V9.99a1.999 1.999 0 0 1 .79-1.59L12.5 1l9.71 7.4A1.999 1.999 0 0 1 23 9.99z"/></svg>');
  mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25" fill="none" stroke="%23232326" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M23 9.99V22a2.006 2.006 0 0 1-2 2h-6v-8h-5v8H4a2.006 2.006 0 0 1-2-2V9.99a1.999 1.999 0 0 1 .79-1.59L12.5 1l9.71 7.4A1.999 1.999 0 0 1 23 9.99z"/></svg>');
}

.icon-settings {
  -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><defs><style>.cls-1{fill:%23ffffff}</style></defs><g id="setting"><path class="cls-1" d="m27.92 18.46-1.14-.92a.86.86 0 0 1-.31-.65V15.2a.83.83 0 0 1 .31-.65l1.11-.89a2.86 2.86 0 0 0 .65-3.66l-1.12-1.88a2.76 2.76 0 0 0-3.21-1.22l-1.82.58a.73.73 0 0 1-.64-.09l-1.23-.81a.8.8 0 0 1-.36-.58l-.24-1.6A2.77 2.77 0 0 0 17.18 2h-2.25a2.79 2.79 0 0 0-2.77 2.51L12 6a.8.8 0 0 1-.41.63L10 7.48a.79.79 0 0 1-.67 0L8.08 7a2.75 2.75 0 0 0-3.46 1.1L3.48 10a2.84 2.84 0 0 0 .57 3.64l1.35 1.11a.87.87 0 0 1 .29.62v1.27a.87.87 0 0 1-.28.65L4 18.61a2.85 2.85 0 0 0-.57 3.52l1 1.84a2.77 2.77 0 0 0 3.42 1.22l1.62-.63a.73.73 0 0 1 .66.05l1.4.84a.76.76 0 0 1 .38.55l.32 1.66A2.81 2.81 0 0 0 15 29.94h2.15a2.79 2.79 0 0 0 2.75-2.39l.26-1.65a.85.85 0 0 1 .4-.6l1.3-.74a.78.78 0 0 1 .65 0l1.64.63a2.76 2.76 0 0 0 3.37-1.2l1.08-1.83a2.86 2.86 0 0 0-.68-3.7zm-1.07 2.64-1.08 1.83a.78.78 0 0 1-.94.34l-1.64-.63a2.77 2.77 0 0 0-2.35.19l-1.3.74a2.81 2.81 0 0 0-1.39 2l-.26 1.66a.78.78 0 0 1-.77.69H15a.79.79 0 0 1-.77-.66l-.32-1.66a2.81 2.81 0 0 0-1.33-1.89l-1.4-.84a2.73 2.73 0 0 0-1.41-.39 2.91 2.91 0 0 0-1 .19l-1.62.64a.77.77 0 0 1-1-.35l-1-1.84a.84.84 0 0 1 .16-1l1.48-1.32a2.87 2.87 0 0 0 .94-2.17v-1.27a2.9 2.9 0 0 0-1-2.11l-1.37-1.17A.85.85 0 0 1 5.19 11l1.14-1.86a.76.76 0 0 1 1-.32l1.25.53A2.72 2.72 0 0 0 11 9.23l1.61-.89A2.81 2.81 0 0 0 14 6.17l.16-1.46a.79.79 0 0 1 .77-.71h2.24a.79.79 0 0 1 .78.7l.23 1.61a2.85 2.85 0 0 0 1.24 2l1.23.8a2.72 2.72 0 0 0 2.35.27l1.82-.57a.76.76 0 0 1 .89.34L26.83 11a.86.86 0 0 1-.19 1.09l-1.11.91a2.84 2.84 0 0 0-1.06 2.22v1.69a2.81 2.81 0 0 0 1.05 2.2l1.14.92a.86.86 0 0 1 .19 1.07z"/><path class="cls-1" d="M16 11a5 5 0 1 0 5 5 5 5 0 0 0-5-5zm0 8a3 3 0 1 1 3-3 3 3 0 0 1-3 3.07z"/></g></svg>');
  mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><defs><style>.cls-1{fill:%23ffffff}</style></defs><g id="setting"><path class="cls-1" d="m27.92 18.46-1.14-.92a.86.86 0 0 1-.31-.65V15.2a.83.83 0 0 1 .31-.65l1.11-.89a2.86 2.86 0 0 0 .65-3.66l-1.12-1.88a2.76 2.76 0 0 0-3.21-1.22l-1.82.58a.73.73 0 0 1-.64-.09l-1.23-.81a.8.8 0 0 1-.36-.58l-.24-1.6A2.77 2.77 0 0 0 17.18 2h-2.25a2.79 2.79 0 0 0-2.77 2.51L12 6a.8.8 0 0 1-.41.63L10 7.48a.79.79 0 0 1-.67 0L8.08 7a2.75 2.75 0 0 0-3.46 1.1L3.48 10a2.84 2.84 0 0 0 .57 3.64l1.35 1.11a.87.87 0 0 1 .29.62v1.27a.87.87 0 0 1-.28.65L4 18.61a2.85 2.85 0 0 0-.57 3.52l1 1.84a2.77 2.77 0 0 0 3.42 1.22l1.62-.63a.73.73 0 0 1 .66.05l1.4.84a.76.76 0 0 1 .38.55l.32 1.66A2.81 2.81 0 0 0 15 29.94h2.15a2.79 2.79 0 0 0 2.75-2.39l.26-1.65a.85.85 0 0 1 .4-.6l1.3-.74a.78.78 0 0 1 .65 0l1.64.63a2.76 2.76 0 0 0 3.37-1.2l1.08-1.83a2.86 2.86 0 0 0-.68-3.7zm-1.07 2.64-1.08 1.83a.78.78 0 0 1-.94.34l-1.64-.63a2.77 2.77 0 0 0-2.35.19l-1.3.74a2.81 2.81 0 0 0-1.39 2l-.26 1.66a.78.78 0 0 1-.77.69H15a.79.79 0 0 1-.77-.66l-.32-1.66a2.81 2.81 0 0 0-1.33-1.89l-1.4-.84a2.73 2.73 0 0 0-1.41-.39 2.91 2.91 0 0 0-1 .19l-1.62.64a.77.77 0 0 1-1-.35l-1-1.84a.84.84 0 0 1 .16-1l1.48-1.32a2.87 2.87 0 0 0 .94-2.17v-1.27a2.9 2.9 0 0 0-1-2.11l-1.37-1.17A.85.85 0 0 1 5.19 11l1.14-1.86a.76.76 0 0 1 1-.32l1.25.53A2.72 2.72 0 0 0 11 9.23l1.61-.89A2.81 2.81 0 0 0 14 6.17l.16-1.46a.79.79 0 0 1 .77-.71h2.24a.79.79 0 0 1 .78.7l.23 1.61a2.85 2.85 0 0 0 1.24 2l1.23.8a2.72 2.72 0 0 0 2.35.27l1.82-.57a.76.76 0 0 1 .89.34L26.83 11a.86.86 0 0 1-.19 1.09l-1.11.91a2.84 2.84 0 0 0-1.06 2.22v1.69a2.81 2.81 0 0 0 1.05 2.2l1.14.92a.86.86 0 0 1 .19 1.07z"/><path class="cls-1" d="M16 11a5 5 0 1 0 5 5 5 5 0 0 0-5-5zm0 8a3 3 0 1 1 3-3 3 3 0 0 1-3 3.07z"/></g></svg>');
}
