.icon {
  display: inline-block;
  transition: transform .2s, width .2s, height .2s;

  &.size-md {
    & svg {
      width: 20px;
      height: 20px;
    }
  }

  &.size-sm {
    & svg {
      width: 14px;
      height: 14px;
    }
  }

  &.size-full {
    & svg {
      width: 100%;
      height: 100%;
    }
  }

  &.rotate-top {
    & svg {
      transform: rotate(0deg);
    }
  }
  &.rotate-right {
    & svg {
      transform: rotate(90deg);
    }
  }
  &.rotate-bottom {
    & svg {
      transform: rotate(180deg);
    }
  }
  &.rotate-left {
    & svg {
      transform: rotate(270deg);
    }
  }
}