All Icons
Loading icons...
Loading icons...
Included animations respect the system reduced-motion preference.
Add Chancay Icons to your project in seconds
<link rel="stylesheet" href="https://cdn.clubcastillodechancay.com/css/chancay-icons.css">
<i class="ci ci-solid ci-house"></i>
The class structure is: ci ci-{style} ci-{icon-name}
ci-solid<i class="ci ci-solid ci-house">
ci-regular<i class="ci ci-regular ci-house">
ci-light<i class="ci ci-light ci-house">
ci-thin<i class="ci ci-thin ci-house">
ci-duotone<i class="ci ci-duotone ci-house">
ci-sharp<i class="ci ci-sharp ci-solid ci-house">
ci-brands<i class="ci ci-brands ci-google">
Add an animation class after the icon class. Available: ci-beat, ci-beat-fade, ci-bounce, ci-buzz, ci-fade, ci-flip, ci-flip-360, ci-float, ci-jello, ci-shake, ci-spin, ci-spin-pulse, ci-spin-snap, ci-spin-snap-4, ci-spin-snap-8, ci-swing, and ci-wag.
<i class="ci ci-solid ci-bell ci-buzz" style="--ci-animation-duration: 2s"></i>
Use ci-spin-reverse with any spin animation. Global controls include --ci-animation-duration, --ci-animation-delay, --ci-animation-direction, --ci-animation-iteration-count, and --ci-animation-timing.