title: How can I remove the icon animation from the Bootstrap 5 accordion chevron?
body: <p>How can I remove the Bootstrap 5 animation (the rotation of the arrow) on the accordion?</p>
  <p><a href="https://i.stack.imgur.com/6GQ34.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6GQ34.png" alt="enter image description here" /></a></p>
  <p><a href="https://getbootstrap.com/docs/5.0/components/accordion/" rel="nofollow noreferrer">https://getbootstrap.com/docs/5.0/components/accordion/</a></p>
  <p>I've tried this :</p>
  <pre><code>.collapsing {
      -webkit-transition: none;
      transition: none;
      display: none;
  }
  </code></pre>
  <p>And this:</p>
  <pre><code>.accordion-icon-transform {
   rotate(0deg)!important;
  }
  </code></pre>
  <p>But neither seems to work</p>