.icon-view {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.icon-view[data-color='var(--color-green)'] {
  color: var(--color-green);
}

.icon-view[data-color='var(--color-blue)'] {
  color: var(--color-blue);
}

.icon-view[data-color='var(--color-red)'] {
  color: var(--color-red);
}

.icon-view[data-color='var(--color-orange)'] {
  color: var(--color-orange);
}

.icon-view[data-color='var(--color-gray)'] {
  color: var(--color-gray);
}