SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Animated Icons 12
App Filled Icons
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
8.47 KB
4.98 KB
-41%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <!-- License: CC0 License. Made by SVG Repo: https://www.svgrepo.com/svg/425964/animated-icons-12 --> <svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800px" height="800px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve"> <g id="Music"> <g> <g> <path fill="#4FC4E8" d="M398.24878,512H113.75122C51.18805,512,0,460.81195,0,398.24878V113.75122 C0,51.18805,51.18805,0,113.75122,0h284.49756C460.81195,0,512,51.18805,512,113.75122v284.49756 C512,460.81195,460.81195,512,398.24878,512z"/> </g> </g> <g opacity="0.1"> <g> <path d="M270,102.86328c-92.15918,0-167.13672,74.97754-167.13672,167.13672S177.84082,437.13672,270,437.13672 S437.13672,362.15918,437.13672,270S362.15918,102.86328,270,102.86328z"/> </g> </g> <g> <g> <circle fill="#545A5B" cx="256" cy="256" r="161.13672"/> </g> <g> <path fill="#333333" d="M256,423.13672c-92.15918,0-167.13672-74.97754-167.13672-167.13672S163.84082,88.86328,256,88.86328 S423.13672,163.84082,423.13672,256S348.15918,423.13672,256,423.13672z M256,100.86328 c-85.54297,0-155.13672,69.59375-155.13672,155.13672S170.45703,411.13672,256,411.13672S411.13672,341.54297,411.13672,256 S341.54297,100.86328,256,100.86328z"/> </g> </g> <g opacity="0.1"> <g> <path d="M431.13672,52.79297c-28.78516,0-52.2041,23.41895-52.2041,52.2041s23.41895,52.2041,52.2041,52.2041 s52.2041-18.08562,52.2041-52.2041C483.34082,76.21191,459.92188,52.79297,431.13672,52.79297z"/> </g> </g> <g> <g> <circle fill="#FC8C12" cx="421.13672" cy="94.99692" r="46.8624"/> </g> <g> <path fill="#333333" d="M421.13672,147.85938c-29.14844,0-52.8623-23.71387-52.8623-52.8623s23.71387-52.8623,52.8623-52.8623 s52.8623,23.71387,52.8623,52.8623S450.28516,147.85938,421.13672,147.85938z M421.13672,54.13477 c-22.53125,0-40.8623,18.33105-40.8623,40.8623s18.33105,40.8623,40.8623,40.8623s40.8623-18.33105,40.8623-40.8623 S443.66797,54.13477,421.13672,54.13477z"/> </g> </g> <g> <g> <path fill="#333333" d="M351.3584,329.66797c-1.07324,0-2.15625-0.31348-3.10742-0.9668 c-2.50488-1.71875-3.1416-5.14258-1.42188-7.64746l51.2002-74.58203C409.78613,229.34668,416,209.31543,416,188.54199V91 c0-3.03711,2.46289-5.5,5.5-5.5s5.5,2.46289,5.5,5.5v97.54199c0,23.00586-6.88184,45.19043-19.90234,64.15527l-51.2002,74.58203 C354.83203,328.83301,353.10938,329.66797,351.3584,329.66797z"/> </g> </g> <g opacity="0.1"> <g> <g> <path d="M357.35876,335.66833c-1.07324,0-2.15625-0.31348-3.10742-0.9668c-2.50488-1.71875-3.1416-5.14258-1.42188-7.64746 l51.2002-74.58202c11.75684-17.125,17.9707-37.15625,17.9707-57.92969V97.00038c0-3.03711,2.46289-5.5,5.5-5.5 s5.5,2.46289,5.5,5.5v97.54199c0,23.00586-6.88184,45.19043-19.90234,64.15526l-51.2002,74.58203 C360.8324,334.83337,359.10974,335.66833,357.35876,335.66833z"/> </g> </g> </g> <g> <g> <g> <path fill="#333333" d="M359.61914,262c-3.31348,0-6-2.68652-6-6c0-53.82715-43.79199-97.61914-97.61914-97.61914 c-3.31348,0-6-2.68652-6-6s2.68652-6,6-6c60.44434,0,109.61914,49.1748,109.61914,109.61914 C365.61914,259.31348,362.93262,262,359.61914,262z"/> </g> </g> <g> <g> <path fill="#333333" d="M256,365.61914c-60.44434,0-109.61914-49.1748-109.61914-109.61914c0-3.31348,2.68652-6,6-6 s6,2.68652,6,6c0,53.82715,43.79199,97.61914,97.61914,97.61914c3.31348,0,6,2.68652,6,6S259.31348,365.61914,256,365.61914z"/> </g> </g> </g> <g opacity="0.1"> <g> <path d="M386.79102,317.11523c-0.40918-2.6084-1.80664-4.89844-3.93359-6.44824l-14.74609-10.74316 c-4.39648-3.2041-10.58398-2.2334-13.79004,2.16504l-24.61523,33.78711c-1.55078,2.12695-2.17871,4.73535-1.76953,7.34375 s1.80664,4.89844,3.93359,6.44824l14.74512,10.74316h0.00098c1.75,1.27539,3.7832,1.88867,5.79883,1.88867 c3.05078,0,6.06152-1.40625,7.99121-4.05469l24.61426-33.78613C386.57227,322.33203,387.2002,319.72363,386.79102,317.11523z"/> </g> </g> <g> <g> <path fill="#FC8C12" d="M343.76071,350.09277l-14.74542-10.74292c-2.01346-1.46692-2.46063-4.31454-0.99371-6.32803 l24.61624-33.78754c1.46692-2.01349,4.31454-2.46066,6.32803-0.99371l14.74542,10.74289 c2.01346,1.46695,2.46063,4.31458,0.99371,6.32803l-24.61624,33.78757 C348.62183,351.11255,345.7742,351.55969,343.76071,350.09277z"/> </g> <g> <path fill="#333333" d="M346.41406,356.95703c-2.15039,0-4.31836-0.6543-6.18555-2.01465h-0.00098l-14.74512-10.74316 c-2.26855-1.65332-3.75977-4.0957-4.19629-6.87793c-0.4375-2.78125,0.23242-5.56348,1.88574-7.83203l24.61621-33.78809 c3.41797-4.69336,10.0166-5.73047,14.70996-2.31055l14.74609,10.74316c2.26855,1.65332,3.75977,4.0957,4.19629,6.87793 c0.4375,2.78125-0.23242,5.56348-1.88574,7.83203l-24.61621,33.78809 C352.87988,355.45703,349.66797,356.95703,346.41406,356.95703z M347.28906,345.23926l0.00391,0.00391 C347.29199,345.24219,347.29004,345.24023,347.28906,345.23926z M333.7373,335.36621l12.36816,9.01074l22.88379-31.41016 l-12.36816-9.01074L333.7373,335.36621z"/> </g> </g> <g opacity="0.1"> <g> <path d="M425.13672,72.79199c-14.44922,0-26.20508,11.75586-26.20508,26.20508s11.75586,26.20508,26.20508,26.20508 s26.20508-11.75586,26.20508-26.20508S439.58594,72.79199,425.13672,72.79199z"/> </g> </g> <g> <g> <circle fill="#EAEAEA" cx="421.13672" cy="94.99692" r="20.86328"/> </g> <g> <path fill="#333333" d="M421.13672,121.86035c-14.8125,0-26.86328-12.05078-26.86328-26.86328 s12.05078-26.86328,26.86328-26.86328S448,80.18457,448,94.99707S435.94922,121.86035,421.13672,121.86035z M421.13672,80.13379 c-8.19531,0-14.86328,6.66797-14.86328,14.86328s6.66797,14.86328,14.86328,14.86328S436,103.19238,436,94.99707 S429.33203,80.13379,421.13672,80.13379z"/> </g> </g> <g opacity="0.1"> <g> <path d="M263.5,207.26562c-31.00781,0-56.23438,25.22656-56.23438,56.23438s25.22656,56.23438,56.23438,56.23438 s56.23438-25.22656,56.23438-56.23438S294.50781,207.26562,263.5,207.26562z"/> </g> </g> <g> <g> <circle fill="#FC8C12" cx="256" cy="256" r="50.89305"/> </g> <g> <path fill="#333333" d="M256,312.89258c-31.37109,0-56.89258-25.52148-56.89258-56.89258S224.62891,199.10742,256,199.10742 S312.89258,224.62891,312.89258,256S287.37109,312.89258,256,312.89258z M256,211.10742 c-24.75391,0-44.89258,20.13867-44.89258,44.89258S231.24609,300.89258,256,300.89258S300.89258,280.75391,300.89258,256 S280.75391,211.10742,256,211.10742z"/> </g> </g> <g opacity="0.1"> <g> <circle cx="258.81155" cy="258.81155" r="7.54785"/> </g> </g> <g> <g> <circle fill="#333333" cx="256" cy="256" r="7.54785"/> </g> </g> <g opacity="0.1"> <g> <g> <path d="M153.98242,416.6582c-14.52441,0-26.3418,11.81738-26.3418,26.3418s11.81738,26.3418,26.3418,26.3418 s26.3418-11.81738,26.3418-26.3418S168.50684,416.6582,153.98242,416.6582z"/> </g> </g> <g> <g> <path d="M86.25586,416.6582c-14.52441,0-26.3418,11.81738-26.3418,26.3418s11.81738,26.3418,26.3418,26.3418 s26.3418-11.81738,26.3418-26.3418S100.78027,416.6582,86.25586,416.6582z"/> </g> </g> </g> <g> <g> <circle fill="#FC8C12" cx="145.98135" cy="434.99942" r="21"/> </g> <g> <path fill="#333333" d="M145.98145,461.99902c-14.8877,0-27-12.1123-27-27s12.1123-27,27-27s27,12.1123,27,27 S160.86914,461.99902,145.98145,461.99902z M145.98145,419.99902c-8.27148,0-15,6.72852-15,15s6.72852,15,15,15s15-6.72852,15-15 S154.25293,419.99902,145.98145,419.99902z"/> </g> </g> <g> <g> <circle fill="#EAEAEA" cx="78.25568" cy="434.99942" r="21"/> </g> <g> <path fill="#333333" d="M78.25586,461.99902c-14.8877,0-27-12.1123-27-27s12.1123-27,27-27s27,12.1123,27,27 S93.14355,461.99902,78.25586,461.99902z M78.25586,419.99902c-8.27148,0-15,6.72852-15,15s6.72852,15,15,15s15-6.72852,15-15 S86.52734,419.99902,78.25586,419.99902z"/> </g> </g> <g> <g> <path fill="#FFFFFF" d="M125.56836,262c-3.31348,0-6-2.68652-6-6c0-75.22852,61.20312-136.43164,136.43164-136.43164 c3.31348,0,6,2.68652,6,6s-2.68652,6-6,6c-68.6123,0-124.43164,55.81934-124.43164,124.43164 C131.56836,259.31348,128.88184,262,125.56836,262z"/> </g> </g> <g> <g> <circle fill="#FFFFFF" cx="276.66687" cy="127.56849" r="6.26497"/> </g> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
8.47 KB
4.98 KB
-41%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <!-- License: CC0 License. Made by SVG Repo: https://www.svgrepo.com/svg/425964/animated-icons-12 --> <svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800px" height="800px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve"> <g id="Music"> <g> <g> <path fill="#4FC4E8" d="M398.24878,512H113.75122C51.18805,512,0,460.81195,0,398.24878V113.75122 C0,51.18805,51.18805,0,113.75122,0h284.49756C460.81195,0,512,51.18805,512,113.75122v284.49756 C512,460.81195,460.81195,512,398.24878,512z"/> </g> </g> <g opacity="0.1"> <g> <path d="M270,102.86328c-92.15918,0-167.13672,74.97754-167.13672,167.13672S177.84082,437.13672,270,437.13672 S437.13672,362.15918,437.13672,270S362.15918,102.86328,270,102.86328z"/> </g> </g> <g> <g> <circle fill="#545A5B" cx="256" cy="256" r="161.13672"/> </g> <g> <path fill="#333333" d="M256,423.13672c-92.15918,0-167.13672-74.97754-167.13672-167.13672S163.84082,88.86328,256,88.86328 S423.13672,163.84082,423.13672,256S348.15918,423.13672,256,423.13672z M256,100.86328 c-85.54297,0-155.13672,69.59375-155.13672,155.13672S170.45703,411.13672,256,411.13672S411.13672,341.54297,411.13672,256 S341.54297,100.86328,256,100.86328z"/> </g> </g> <g opacity="0.1"> <g> <path d="M431.13672,52.79297c-28.78516,0-52.2041,23.41895-52.2041,52.2041s23.41895,52.2041,52.2041,52.2041 s52.2041-18.08562,52.2041-52.2041C483.34082,76.21191,459.92188,52.79297,431.13672,52.79297z"/> </g> </g> <g> <g> <circle fill="#FC8C12" cx="421.13672" cy="94.99692" r="46.8624"/> </g> <g> <path fill="#333333" d="M421.13672,147.85938c-29.14844,0-52.8623-23.71387-52.8623-52.8623s23.71387-52.8623,52.8623-52.8623 s52.8623,23.71387,52.8623,52.8623S450.28516,147.85938,421.13672,147.85938z M421.13672,54.13477 c-22.53125,0-40.8623,18.33105-40.8623,40.8623s18.33105,40.8623,40.8623,40.8623s40.8623-18.33105,40.8623-40.8623 S443.66797,54.13477,421.13672,54.13477z"/> </g> </g> <g> <g> <path fill="#333333" d="M351.3584,329.66797c-1.07324,0-2.15625-0.31348-3.10742-0.9668 c-2.50488-1.71875-3.1416-5.14258-1.42188-7.64746l51.2002-74.58203C409.78613,229.34668,416,209.31543,416,188.54199V91 c0-3.03711,2.46289-5.5,5.5-5.5s5.5,2.46289,5.5,5.5v97.54199c0,23.00586-6.88184,45.19043-19.90234,64.15527l-51.2002,74.58203 C354.83203,328.83301,353.10938,329.66797,351.3584,329.66797z"/> </g> </g> <g opacity="0.1"> <g> <g> <path d="M357.35876,335.66833c-1.07324,0-2.15625-0.31348-3.10742-0.9668c-2.50488-1.71875-3.1416-5.14258-1.42188-7.64746 l51.2002-74.58202c11.75684-17.125,17.9707-37.15625,17.9707-57.92969V97.00038c0-3.03711,2.46289-5.5,5.5-5.5 s5.5,2.46289,5.5,5.5v97.54199c0,23.00586-6.88184,45.19043-19.90234,64.15526l-51.2002,74.58203 C360.8324,334.83337,359.10974,335.66833,357.35876,335.66833z"/> </g> </g> </g> <g> <g> <g> <path fill="#333333" d="M359.61914,262c-3.31348,0-6-2.68652-6-6c0-53.82715-43.79199-97.61914-97.61914-97.61914 c-3.31348,0-6-2.68652-6-6s2.68652-6,6-6c60.44434,0,109.61914,49.1748,109.61914,109.61914 C365.61914,259.31348,362.93262,262,359.61914,262z"/> </g> </g> <g> <g> <path fill="#333333" d="M256,365.61914c-60.44434,0-109.61914-49.1748-109.61914-109.61914c0-3.31348,2.68652-6,6-6 s6,2.68652,6,6c0,53.82715,43.79199,97.61914,97.61914,97.61914c3.31348,0,6,2.68652,6,6S259.31348,365.61914,256,365.61914z"/> </g> </g> </g> <g opacity="0.1"> <g> <path d="M386.79102,317.11523c-0.40918-2.6084-1.80664-4.89844-3.93359-6.44824l-14.74609-10.74316 c-4.39648-3.2041-10.58398-2.2334-13.79004,2.16504l-24.61523,33.78711c-1.55078,2.12695-2.17871,4.73535-1.76953,7.34375 s1.80664,4.89844,3.93359,6.44824l14.74512,10.74316h0.00098c1.75,1.27539,3.7832,1.88867,5.79883,1.88867 c3.05078,0,6.06152-1.40625,7.99121-4.05469l24.61426-33.78613C386.57227,322.33203,387.2002,319.72363,386.79102,317.11523z"/> </g> </g> <g> <g> <path fill="#FC8C12" d="M343.76071,350.09277l-14.74542-10.74292c-2.01346-1.46692-2.46063-4.31454-0.99371-6.32803 l24.61624-33.78754c1.46692-2.01349,4.31454-2.46066,6.32803-0.99371l14.74542,10.74289 c2.01346,1.46695,2.46063,4.31458,0.99371,6.32803l-24.61624,33.78757 C348.62183,351.11255,345.7742,351.55969,343.76071,350.09277z"/> </g> <g> <path fill="#333333" d="M346.41406,356.95703c-2.15039,0-4.31836-0.6543-6.18555-2.01465h-0.00098l-14.74512-10.74316 c-2.26855-1.65332-3.75977-4.0957-4.19629-6.87793c-0.4375-2.78125,0.23242-5.56348,1.88574-7.83203l24.61621-33.78809 c3.41797-4.69336,10.0166-5.73047,14.70996-2.31055l14.74609,10.74316c2.26855,1.65332,3.75977,4.0957,4.19629,6.87793 c0.4375,2.78125-0.23242,5.56348-1.88574,7.83203l-24.61621,33.78809 C352.87988,355.45703,349.66797,356.95703,346.41406,356.95703z M347.28906,345.23926l0.00391,0.00391 C347.29199,345.24219,347.29004,345.24023,347.28906,345.23926z M333.7373,335.36621l12.36816,9.01074l22.88379-31.41016 l-12.36816-9.01074L333.7373,335.36621z"/> </g> </g> <g opacity="0.1"> <g> <path d="M425.13672,72.79199c-14.44922,0-26.20508,11.75586-26.20508,26.20508s11.75586,26.20508,26.20508,26.20508 s26.20508-11.75586,26.20508-26.20508S439.58594,72.79199,425.13672,72.79199z"/> </g> </g> <g> <g> <circle fill="#EAEAEA" cx="421.13672" cy="94.99692" r="20.86328"/> </g> <g> <path fill="#333333" d="M421.13672,121.86035c-14.8125,0-26.86328-12.05078-26.86328-26.86328 s12.05078-26.86328,26.86328-26.86328S448,80.18457,448,94.99707S435.94922,121.86035,421.13672,121.86035z M421.13672,80.13379 c-8.19531,0-14.86328,6.66797-14.86328,14.86328s6.66797,14.86328,14.86328,14.86328S436,103.19238,436,94.99707 S429.33203,80.13379,421.13672,80.13379z"/> </g> </g> <g opacity="0.1"> <g> <path d="M263.5,207.26562c-31.00781,0-56.23438,25.22656-56.23438,56.23438s25.22656,56.23438,56.23438,56.23438 s56.23438-25.22656,56.23438-56.23438S294.50781,207.26562,263.5,207.26562z"/> </g> </g> <g> <g> <circle fill="#FC8C12" cx="256" cy="256" r="50.89305"/> </g> <g> <path fill="#333333" d="M256,312.89258c-31.37109,0-56.89258-25.52148-56.89258-56.89258S224.62891,199.10742,256,199.10742 S312.89258,224.62891,312.89258,256S287.37109,312.89258,256,312.89258z M256,211.10742 c-24.75391,0-44.89258,20.13867-44.89258,44.89258S231.24609,300.89258,256,300.89258S300.89258,280.75391,300.89258,256 S280.75391,211.10742,256,211.10742z"/> </g> </g> <g opacity="0.1"> <g> <circle cx="258.81155" cy="258.81155" r="7.54785"/> </g> </g> <g> <g> <circle fill="#333333" cx="256" cy="256" r="7.54785"/> </g> </g> <g opacity="0.1"> <g> <g> <path d="M153.98242,416.6582c-14.52441,0-26.3418,11.81738-26.3418,26.3418s11.81738,26.3418,26.3418,26.3418 s26.3418-11.81738,26.3418-26.3418S168.50684,416.6582,153.98242,416.6582z"/> </g> </g> <g> <g> <path d="M86.25586,416.6582c-14.52441,0-26.3418,11.81738-26.3418,26.3418s11.81738,26.3418,26.3418,26.3418 s26.3418-11.81738,26.3418-26.3418S100.78027,416.6582,86.25586,416.6582z"/> </g> </g> </g> <g> <g> <circle fill="#FC8C12" cx="145.98135" cy="434.99942" r="21"/> </g> <g> <path fill="#333333" d="M145.98145,461.99902c-14.8877,0-27-12.1123-27-27s12.1123-27,27-27s27,12.1123,27,27 S160.86914,461.99902,145.98145,461.99902z M145.98145,419.99902c-8.27148,0-15,6.72852-15,15s6.72852,15,15,15s15-6.72852,15-15 S154.25293,419.99902,145.98145,419.99902z"/> </g> </g> <g> <g> <circle fill="#EAEAEA" cx="78.25568" cy="434.99942" r="21"/> </g> <g> <path fill="#333333" d="M78.25586,461.99902c-14.8877,0-27-12.1123-27-27s12.1123-27,27-27s27,12.1123,27,27 S93.14355,461.99902,78.25586,461.99902z M78.25586,419.99902c-8.27148,0-15,6.72852-15,15s6.72852,15,15,15s15-6.72852,15-15 S86.52734,419.99902,78.25586,419.99902z"/> </g> </g> <g> <g> <path fill="#FFFFFF" d="M125.56836,262c-3.31348,0-6-2.68652-6-6c0-75.22852,61.20312-136.43164,136.43164-136.43164 c3.31348,0,6,2.68652,6,6s-2.68652,6-6,6c-68.6123,0-124.43164,55.81934-124.43164,124.43164 C131.56836,259.31348,128.88184,262,125.56836,262z"/> </g> </g> <g> <g> <circle fill="#FFFFFF" cx="276.66687" cy="127.56849" r="6.26497"/> </g> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download