アイコンをクリックして、コードをコピペ アイコンのライセンスはCC 4.0のオープンソース、商用プロジェクトでも無料で利用でき、改変、再配布もOKです。 以下にアニメーションで動くSVGアイコンをいくつか、コピペしてみました。 SVGなので、サイズは簡単に変更できます。 「Send」アイコン <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"> <style> .send { animation: send 2s cubic-bezier(1, -0.47, 0.01, 1.37) infinite both; } @keyframes send { 0% { transform: translateY(0) translateX(0); } 100%
![こいつ、動くぞ! UIデザインでよく使用されるSVG完備のアイコン素材、しかもオープンソースで商用無料 -Potlab Icons](https://cdn-ak-scissors.b.st-hatena.com/image/square/65a4e3a9908c4519ccbf91eb8254b09feeb32266/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-202204%2F2022110510-01%402x.png)