diff --git a/.changeset/fix-icon-transform-animations.md b/.changeset/fix-icon-transform-animations.md
new file mode 100644
index 000000000..5b5248056
--- /dev/null
+++ b/.changeset/fix-icon-transform-animations.md
@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fixed transform animations (`.icon-pulse`, `.icon-tada`, `.icon-rotate`) not working on webfont icons by adding `display: inline-block` and `transform-origin: center` to `.icon`.
diff --git a/core/scss/ui/_icons.scss b/core/scss/ui/_icons.scss
index 214b1957a..c189593b6 100644
--- a/core/scss/ui/_icons.scss
+++ b/core/scss/ui/_icons.scss
@@ -9,6 +9,8 @@
   height: var(--#{$prefix}icon-size);
   font-size: var(--#{$prefix}icon-size);
   vertical-align: bottom;
+  display: inline-block;
+  transform-origin: center;
 
   @if $icon-stroke-width {
     stroke-width: $icon-stroke-width;