<template>
    <span class="material-symbols-outlined"><slot></slot></span>
</template>

<style scoped>
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24;
  font-size: 1.25rem;
}
.styled {
  background-color: var(--primary-color);
  color: white;
  padding: 0.25rem;
  border-radius: 100rem;
}
.styled.secondary {
  background-color: var(--secondary-color);
}
.black {
  background-color: var(--font-color);
  color: var(--background-color);
}
.success {
  background-color: #2e9a00;
}
.small {
  height: 1.25rem;
  width: 1.25rem;
  font-size: 0.7rem;
}
</style>
