Ave HTML Template Ave HTML Template Ave HTML Template Ave HTML Template

OnePlugin: Media & Fields

How to animate icons with Craft CMS

Tech docs

Animated icons

Why should you use animated icons?

Animations make user interfaces intuitive and engage visitors and members. The right amount of animation can engage an audience and also guide them to convert.

Animations are now the standard for professional sites. With flat static websites being engaged with and appealing less and less. Give your projects and clients that extra 50% of value by adding simple and effective animated content, without costing you an additional 50% of effort.

With over 300+ animated icons to choose from and thousands of SVGs that you can add simple animations to, you'll have all the content that you need at your fingertips.

{"v":"5.6.2","fr":60,"ip":0,"op":180,"w":500,"h":500,"nm":"A172_loop","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":1,"nm":"Color & Stroke Change","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"ef":[{"ty":5,"nm":"Primary","np":3,"mn":"ADBE Color Control","ix":1,"en":1,"ef":[{"ty":2,"nm":"Color","mn":"ADBE Color Control-0001","ix":1,"v":{"a":0,"k":[0.321568638086,0.32549020648,0.321568638086,1],"ix":1}}]},{"ty":5,"nm":"Secondary","np":3,"mn":"ADBE Color Control","ix":2,"en":1,"ef":[{"ty":2,"nm":"Color","mn":"ADBE Color Control-0001","ix":1,"v":{"a":0,"k":[0.870588243008,0.286274522543,0.239215686917,1],"ix":1}}]},{"ty":5,"nm":"Stroke","np":3,"mn":"ADBE Slider Control","ix":3,"en":1,"ef":[{"ty":0,"nm":"Slider","mn":"ADBE Slider Control-0001","ix":1,"v":{"a":0,"k":100,"ix":1}}]},{"ty":5,"nm":"Scale","np":3,"mn":"ADBE Slider Control","ix":4,"en":1,"ef":[{"ty":0,"nm":"Slider","mn":"ADBE Slider Control-0001","ix":1,"v":{"a":0,"k":100,"ix":1}}]},{"ty":5,"nm":"Axis","np":3,"mn":"ADBE Point Control","ix":5,"en":1,"ef":[{"ty":3,"nm":"Point","mn":"ADBE Point Control-0001","ix":1,"v":{"a":0,"k":[250,250],"ix":1}}]}],"sw":100,"sh":100,"sc":"#ffffff","ip":-1,"op":181,"st":-68,"bm":0},{"ddd":0,"ind":2,"ty":1,"nm":"Null - Axis/Scale","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[260,259,0],"ix":2,"x":"var $bm_rt;\n$bm_rt = thisComp.layer('Color & Stroke Change').effect('Axis')('Point');"},"a":{"a":0,"k":[60,60,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6,"x":"var $bm_rt;\nvar temp;\ntemp = thisComp.layer('Color & Stroke Change').effect('Scale')('Slider');\n$bm_rt = [\n temp,\n temp\n];"}},"ao":0,"sw":120,"sh":120,"sc":"#ffffff","ip":-1,"op":181,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":3,"nm":"Null Position","parent":2,"sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[60,60,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"ip":-1,"op":181,"st":-68,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"Icons Batch - 01","parent":3,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[-5.226,139.334,0],"ix":2},"a":{"a":0,"k":[246.516,342.889,0],"ix":1},"s":{"a":0,"k":[150,150,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[6.617,9.925],[-6.45,-5.425]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[212.206,351.506],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[-88.317,17.233],[-66.777,-4.308],[-40.928,4.308],[-10.77,-17.233],[6.462,-17.233],[36.619,0],[71.085,0],[88.317,17.233]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[246.516,341.581],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":1,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.874509811401,0.286274522543,0.239215686917,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = thisComp.layer('Color & Stroke Change').effect('Secondary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":9.99,"ix":5,"x":"var $bm_rt;\n$bm_rt = $bm_mul(10 / 100, thisComp.layer('Color & Stroke Change').effect('Stroke')('Slider'));"},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false}],"ip":-1,"op":181,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"Icons Batch - 6","parent":3,"td":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[-5.226,139.334,0],"ix":2},"a":{"a":0,"k":[246.516,342.889,0],"ix":1},"s":{"a":0,"k":[150,150,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[188.15,-266.247],[-174.516,-266.247],[-174.516,17.086],[-88.317,17.233],[-66.777,-4.308],[-40.928,4.308],[-10.77,-17.233],[6.462,-17.233],[36.619,0],[71.085,0],[88.317,17.233],[188.15,17.753]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[246.516,341.581],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false}],"ip":-1,"op":181,"st":0,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":"Icons Batch - 2","parent":3,"tt":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":10,"s":[0]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":33,"s":[-15]},{"i":{"x":[0.833],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":58,"s":[4]},{"i":{"x":[0.833],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":71,"s":[0]},{"i":{"x":[0.596],"y":[1.274]},"o":{"x":[0.163],"y":[0]},"t":90,"s":[0]},{"i":{"x":[0.828],"y":[1]},"o":{"x":[0.426],"y":[0.144]},"t":107,"s":[3]},{"i":{"x":[0.833],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":124,"s":[-3]},{"t":136,"s":[0]}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":10,"s":[43.241,-56.383,0],"to":[-0.167,-47.5,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":60,"s":[-0.759,-116.383,0],"to":[0.259,0.883,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":90,"s":[-0.759,-116.383,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.677,"y":0},"t":114,"s":[43.241,-116.383,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.237,"y":1},"o":{"x":0.677,"y":0},"t":130,"s":[43.241,-141.383,0],"to":[0,0,0],"ti":[0,0,0]},{"t":150,"s":[43.241,-56.383,0]}],"ix":2},"a":{"a":0,"k":[278.827,212.412,0],"ix":1},"s":{"a":0,"k":[150,150,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,4.759],[0,0],[0,0]],"o":[[0,0],[0,4.759],[0,0],[0,0],[0,0],[0,0]],"v":[[8.616,0],[8.616,12.924],[0,21.541],[-8.616,12.924],[-8.616,-21.541],[8.616,-21.541]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[278.827,285.574],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[25.849,0],[-25.849,0]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[278.827,173.562],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":1,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-8.616,0],[8.616,0]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[278.827,208.028],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":1,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[-0.897,-1.773],[-7.812,-9.758],[-2.155,2.691],[-0.759,1.503],[0,1.987],[0,0],[0,0],[0,0],[-2.17,1.627],[0,0],[0,4.068],[0,0],[0,0],[0,0],[-3.254,-2.441],[0,0],[0,-2.712],[0,0]],"o":[[0,0],[0,0],[0,1.987],[0.759,1.503],[2.155,2.691],[7.812,-9.758],[0.897,-1.773],[0,0],[0,0],[0,0],[0,-2.712],[0,0],[3.254,-2.441],[0,0],[0,0],[0,0],[0,4.068],[0,0],[2.17,1.627],[0,0],[0,0]],"v":[[-8.616,19.213],[-30.157,19.213],[-30.157,57.987],[-28.82,63.712],[-4.199,95.088],[4.199,95.088],[28.82,63.712],[30.157,57.987],[30.157,19.213],[8.616,19.213],[8.616,-49.717],[12.063,-56.61],[20.679,-63.073],[25.849,-73.412],[25.849,-97.107],[-25.849,-97.107],[-25.849,-73.412],[-20.679,-63.073],[-12.063,-56.61],[-8.616,-49.717],[-8.616,19.213]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[278.827,257.745],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 4","np":1,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.874509811401,0.286274522543,0.239215686917,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = thisComp.layer('Color & Stroke Change').effect('Primary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":9.99,"ix":5,"x":"var $bm_rt;\n$bm_rt = $bm_mul(10 / 100, thisComp.layer('Color & Stroke Change').effect('Stroke')('Slider'));"},"lc":1,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":0,"k":[204.667,174.667],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect","hd":false},{"ty":"fl","c":{"a":0,"k":[0.141431576598,0.278431372549,0.019653980405,1],"ix":4},"o":{"a":0,"k":0,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[257.015,244.346],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[205.538,221.261],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Rectangle 1","np":2,"cix":2,"bm":0,"ix":6,"mn":"ADBE Vector Group","hd":false}],"ip":-1,"op":181,"st":0,"bm":0},{"ddd":0,"ind":7,"ty":4,"nm":"Icons Batch - 7","parent":3,"td":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[-5.226,139.334,0],"ix":2},"a":{"a":0,"k":[246.516,342.889,0],"ix":1},"s":{"a":0,"k":[150,150,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[-174.516,-266.247],[-174.516,17.086],[-88.317,17.233],[-66.777,-4.308],[-40.928,4.308],[-10.77,-17.233],[6.462,-17.233],[24.429,-6.476],[23.847,-169.524],[25.484,-267.961]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[246.516,341.581],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false}],"ip":-1,"op":181,"st":0,"bm":0},{"ddd":0,"ind":8,"ty":4,"nm":"Icons Batch - 5","parent":3,"tt":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[-1.336,-0.571,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[150,150,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[11.067,-3.118],[0,-22.198],[-44.479,0],[-11.347,0.064],[0,18.768],[37.472,1.141]],"o":[[-42.877,12.082],[0,27.927],[11.798,0],[27.519,-0.156],[0,-59.828],[-18.656,-0.568]],"v":[[-14.217,-19.071],[-50.25,46.93],[3.84,116.81],[55.467,115.775],[85.762,48.59],[39.799,-22.665]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.874509811401,0.286274522543,0.239215686917,1],"ix":3,"x":"var $bm_rt;\n$bm_rt = thisComp.layer('Color & Stroke Change').effect('Secondary')('Color');"},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":9.99,"ix":5,"x":"var $bm_rt;\n$bm_rt = $bm_mul(10 / 100, thisComp.layer('Color & Stroke Change').effect('Stroke')('Slider'));"},"lc":1,"lj":1,"ml":4,"bm":0,"d":[{"n":"d","nm":"dash","v":{"a":0,"k":24,"ix":1}},{"n":"g","nm":"gap","v":{"a":0,"k":14,"ix":2}},{"n":"d","nm":"dash2","v":{"a":0,"k":36,"ix":3}},{"n":"g","nm":"gap2","v":{"a":0,"k":397,"ix":4}},{"n":"o","nm":"offset","v":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.791],"y":[0]},"t":0,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.216],"y":[0.288]},"t":40,"s":[-144.182]},{"i":{"x":[0.248],"y":[1]},"o":{"x":[0.167],"y":[0.167]},"t":136,"s":[-340.385]},{"t":179,"s":[-471]}],"ix":7}}],"nm":"Stroke 2","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 3","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":0,"k":[204.667,174.667],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect","hd":false},{"ty":"fl","c":{"a":0,"k":[0.141431576598,0.278431372549,0.019653980405,1],"ix":4},"o":{"a":0,"k":0,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[1.015,-0.988],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[205.538,221.261],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Rectangle 1","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":-1,"op":181,"st":0,"bm":0}],"markers":[]}

ANIMATED ICON PACKS FOR CRAFT CMS

Bring your Craft site to life with a selection of over 150+ beautiful and editable animated icons.

"If a picture paints a thousand words, OnePlugin's animated vector icons bring them to life."

Ready to get OnePlugin? Check it out on the Craft CMS store. If you want to know all the technical details of how to embed animations into your template, check out the

Get OnePlugin Tech docs

Related Articles