open-icon/dist/style.css

Open Icon

.icon-settings__wiggle svg line,
.icon-settings__wiggle svg circle {
  transition: transform var(--transition-time, 0.3s) var(--transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1));
}
.icon-settings__wiggle svg line {
  color: var(--settings-line-color, inherit);
}
.icon-settings__wiggle svg circle {
  color: var(--settings-dot-color, inherit);
  fill: var(--settings-dot-fill, var(--icon-fill, currentColor));
}
.icon-settings__wiggle svg line {
  transform-box: fill-box;
}
.icon-settings__wiggle svg circle:nth-of-type(4) {
  transform: translateX(40%);
}
.icon-settings__wiggle svg circle:nth-of-type(5) {
  transform: translateX(-40%);
}
.icon-settings__wiggle svg circle:nth-of-type(6) {
  transform: translateX(20%);
}
.icon-settings__wiggle svg line:nth-child(4) {
  transform: scale(0.2, 1);
}
.icon-settings__wiggle svg line:nth-child(5) {
  transform: translateX(70%) scale(0.3, 1);
}
.icon-settings__wiggle svg line:nth-child(6) {
  transform: scale(7, 1);
}
.icon-settings__wiggle svg line:nth-child(7) {
  transform: scale(7.5, 1) translateX(-80%);
}
.icon-settings__wiggle svg line:nth-child(8) {
  transform: scale(0.5, 1) translateX(120%);
}
.icon-settings__wiggle svg line:nth-child(9) {
  transform: scale(1.8, 1);
}

.icon-chip__rotate svg {
  animation: icon_chip__rotate 1s ease-in-out infinite;
}
@keyframes icon_chip__rotate {
  0% {
    transform: rotate(0deg);
  }
  25%, 100% {
    transform: rotate(90deg);
  }
}

.icon-graph-up__paint svg line {
  stroke-dashoffset: 2em;
  stroke-dasharray: 2em;
  animation: icon_graph_up__paint_lines 1s linear forwards;
}
@keyframes icon_graph_up__paint_lines {
  0% {
    stroke-dashoffset: 2em;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
.icon-graph-up__paint svg line:nth-child(1) {
  animation-delay: 0.1s;
}
.icon-graph-up__paint svg line:nth-child(2) {
  animation-delay: 0.2s;
}
.icon-graph-up__paint svg line:nth-child(3) {
  animation-delay: 0.3s;
}
.icon-graph-up__paint svg line:nth-child(4) {
  animation-delay: 0.4s;
}
.icon-graph-up__paint svg line:nth-child(5) {
  animation-delay: 0.5s;
}
.icon-graph-up__paint svg line:nth-child(6) {
  animation-delay: 0.6s;
}
.icon-graph-up__paint svg polyline {
  stroke-dashoffset: 5em;
  stroke-dasharray: 5em;
  animation: icon_graph_up__paint_polyline 1s linear forwards;
}
@keyframes icon_graph_up__paint_polyline {
  0% {
    stroke-dashoffset: 5em;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

.icon-luggage-animated {
  overflow: hidden;
}
.icon-luggage-animated svg {
  animation: luggage 1s ease-in-out forwards;
}
@keyframes luggage {
  0% {
    transform: translateX(0%);
  }
  25%, 49.9% {
    transform: translateX(200%);
  }
  50% {
    transform: translateX(-200%);
  }
  100% {
    transform: translateX(0%);
  }
}

.icon-star__rotate svg {
  animation: iconStar__rotate 1s ease-in-out forwards;
}
@keyframes iconStar__rotate {
  0% {
    transform: rotate(0deg);
  }
  25%, 100% {
    transform: rotate(72deg);
  }
}

.icon-temple__build svg line:nth-child(1),
.icon-temple__build svg line:nth-child(2),
.icon-temple__build svg line:nth-child(3),
.icon-temple__build svg line:nth-child(4) {
  animation: iconTemple__build_pilars 0.5s ease-in-out forwards;
}
@keyframes iconTemple__build_pilars {
  50% {
    stroke-dasharray: 2em;
    stroke-dashoffset: -2em;
  }
  0%, 100% {
    stroke-dasharray: 2em;
    stroke-dashoffset: 0em;
  }
}
.icon-temple__build svg path {
  animation: iconTemple__build_roof 0.5s ease-in-out forwards;
}
@keyframes iconTemple__build_roof {
  50% {
    transform: translateY(50%);
  }
  0%, 100% {
    transform: translateY(0%);
  }
}

/*# sourceMappingURL=style.css.map */