Nyx Icon
Free SVG icon from the Arcticons collection. Download or copy for use in any project.
The Nyx icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/345045.svg" alt="Nyx icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/345045.svg" alt="Nyx icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/345045.svg" alt="Nyx icon" :width="24" :height="24" />
CSS background
.icon-nyx {
background-image: url('https://proicons.com/icon/345045.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.a{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;}</style></defs><path class="a" d="M37.5578,20.9212a12.82,12.82,0,0,0-.5753-3.0338c-1.954-5.26-4.5439-9.4663-11.63-9.4663-7.5731,0-15.5248,4.9225-15.5248,14.497A56.6265,56.6265,0,0,0,13.019,42.5H36.6038A53.1472,53.1472,0,0,0,39.038,27.236"/><path class="a" d="M8.7815,18.9621C11.0919,9.4353,17.0669,5.5,24.6941,5.5c6.2748,0,12.8637,2.2719,16.0334,14.6128"/><path class="a" d="M10.44,18.5607a4.1317,4.1317,0,0,0-4.0743,4.4115A4.8256,4.8256,0,0,0,9.9836,27.704"/><path class="a" d="M17.4006,29.8421c.78,1.2992,1.7983,2.5438,3.5093,2.3734a3.8267,3.8267,0,0,0,3.2456-2.6777"/><path class="a" d="M10.1582,29.7631C8.6915,31.0592,5.3107,33.98,7.61,35.9547c1.0943.94,2.4276.556,3.5245-.1044"/><circle class="a" cx="15.7507" cy="24.1893" r="2.867"/><circle class="a" cx="26.7937" cy="24.1893" r="2.867"/><path class="a" d="M39.349,19.8168c1.8172,0,2.2855.8294,2.2855,3.3177s-1.3523,3.0833-2.1367,3.0833-2.4342-.4637-2.4342-3.0853S38.4572,19.8168,39.349,19.8168Z"/><path class="a" d="M37.0272,18.0165a6.6027,6.6027,0,0,0-2.6142,6.3622,3.2784,3.2784,0,0,0,6.153,1.4846"/><path class="a" d="M30.14,30.6738c-.3043,1.9676,1.2374,7.1809,3.9353,6.1058s2.272-5.7,0-7.7083"/></svg>
More from Arcticons
View all
Copied!