###### NAVIGATE - BACK : [[SVG]] ---- >[!info]- [[ENIGMAS]] ----- #### AENIGMAS SVG >[!quote]- NARU ><iframe allowfullscreen allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" src="https://platform.twitter.com/embed/Tweet.html?id=1865320376005468572" class="iframe-container iframe-twitter"></iframe> > >https://x.com/bzagrodzki/status/1865320376005468572 ------ SO can ctrasnsofrm svg into html svg meaning we can embed them directly inside obsidian which also allow us to have svg with animation very nice <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1920" width="200" height="200"> <style> @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } #logo-group { transform-origin: 50% 50%; animation: spin 4s linear infinite; } </style> <rect width="1920" height="1920" fill="black" /> <g id="logo-group"> <path fill="#fff" d="M1052.08,802.24c-5.22,0-10.37-2.41-13.67-6.95-5.49-7.54-3.83-18.11,3.71-23.61,56.28-40.98,72.42-117.43,37.55-177.82-18.16-31.46-47.49-53.96-82.57-63.36-35.09-9.4-71.73-4.58-103.19,13.59-31.46,18.16-53.96,47.49-63.36,82.58-9.4,35.09-4.58,71.74,13.58,103.19,9.38,16.25,21.71,30.11,36.64,41.19,7.49,5.56,9.06,16.15,3.5,23.64-5.56,7.5-16.14,9.06-23.64,3.5-18.66-13.85-34.06-31.16-45.77-51.44-46.81-81.08-18.93-185.12,62.15-231.93,39.28-22.68,85.04-28.7,128.83-16.96,43.81,11.74,80.42,39.83,103.1,79.11,43.53,75.4,23.36,170.85-46.93,222.04-3,2.19-6.48,3.24-9.93,3.24Z" /> <path fill="#fff" d="M1130.41,902.91c-14.04,0-28.02-5.8-38.04-17.17-18.52-21-16.5-53.03,4.5-71.55,72.24-63.7,89.65-170.59,41.4-254.17-56.09-97.15-180.76-130.55-277.9-74.46s-130.55,180.76-74.46,277.9c11,19.04,24.81,36.02,41.07,50.46,20.93,18.59,22.83,50.63,4.23,71.56-18.59,20.93-50.64,22.82-71.56,4.23-24.39-21.67-45.1-47.09-61.53-75.56-84.04-145.56-33.99-332.36,111.57-416.4,145.56-84.04,332.35-33.99,416.4,111.57,72.29,125.22,46.15,285.41-62.15,380.91-9.64,8.5-21.6,12.67-33.51,12.67Z" /> <path fill="#fff" d="M643.37,1378.94c-93.62,0-169.78-76.16-169.78-169.78s76.16-169.79,169.78-169.79c23.42,0,46.1,4.68,67.43,13.92,8.56,3.71,12.5,13.66,8.79,22.22-3.71,8.56-13.65,12.5-22.22,8.79-17.06-7.39-35.23-11.14-54-11.14-74.99,0-135.99,61.01-135.99,135.99s61.01,135.99,135.99,135.99c69.73,0,127.87-52.21,135.22-121.44.99-9.28,9.28-16.03,18.59-15.01,9.28.99,16,9.31,15.02,18.59-9.19,86.46-81.77,151.66-168.83,151.66Z" /> <path fill="#fff" d="M643.37,1514.18c-168.08,0-304.82-136.74-304.82-304.82s136.74-304.82,304.82-304.82c32.88,0,65.25,5.22,96.21,15.51,26.57,8.83,40.95,37.53,32.12,64.09s-37.53,40.96-64.09,32.12c-20.63-6.86-42.24-10.33-64.24-10.33-112.18,0-203.44,91.26-203.44,203.44s91.26,203.44,203.44,203.44c96.51,0,180.37-68.53,199.42-162.94,5.54-27.44,32.27-45.22,59.71-39.67,27.44,5.53,45.21,32.27,39.67,59.71-28.55,141.54-154.22,244.27-298.8,244.27Z" /> <path fill="#fff" d="M1276.71,1378.94c-87.06,0-159.64-65.2-168.83-151.66-.99-9.28,5.73-17.6,15.01-18.59,9.29-1.01,17.6,5.73,18.59,15.01,7.36,69.23,65.49,121.44,135.22,121.44,74.99,0,135.99-61,135.99-135.99s-61.01-135.99-135.99-135.99c-18.77,0-36.94,3.75-54,11.14-8.57,3.71-18.51-.23-22.22-8.79-3.71-8.57.23-18.51,8.79-22.22,21.33-9.24,44.01-13.92,67.43-13.92,93.62,0,169.79,76.16,169.79,169.79s-76.16,169.78-169.79,169.78Z" /> <path fill="#fff" d="M1276.71,1514.18c-144.58,0-270.25-102.73-298.8-244.27-5.54-27.44,12.22-54.18,39.67-59.71,27.41-5.51,54.18,12.22,59.71,39.67,19.05,94.41,102.91,162.94,199.42,162.94,112.18,0,203.44-91.26,203.44-203.44s-91.26-203.44-203.44-203.44c-21.99,0-43.6,3.48-64.23,10.33-26.58,8.82-55.26-5.55-64.09-32.12-8.83-26.57,5.55-55.26,32.12-64.09,30.96-10.29,63.33-15.51,96.21-15.51,168.08,0,304.82,136.74,304.82,304.82s-136.74,304.82-304.82,304.82Z" /> </g> </svg> ----