North Star Icon SVG
SVG icon North star is given below. SVG icon code for North star can be used in websites, apps (Android/IOS), ppt, and other projects. You can customize & download the North star Icon SVG file (HMTL/CSS) in different colors and sizes. You can get Svg North star vector icon code for common colors like- white, black, red, green, blue, transparent, and other colors.
North star Icon Svg Code | Path | Download
Download free North Star SVG icons in different sizes (16*16, 24*24, 32*32, 64*64 & Other). Check and download the North Star Icon SVG code in HTML/Css from below.
North Star
North star SVG Icon Code | Customize color
You can get svg icon north star in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-north-star" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M3 12h18" /> <path d="M12 21v-18" /> <path d="M7.5 7.5l9 9" /> <path d="M7.5 16.5l9 -9" /> </svg> Svg Code
<svg style='color: white' xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-north-star" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M3 12h18" /> <path d="M12 21v-18" /> <path d="M7.5 7.5l9 9" /> <path d="M7.5 16.5l9 -9" /> </svg> Svg Code
<svg style='color: red' xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-north-star" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M3 12h18" /> <path d="M12 21v-18" /> <path d="M7.5 7.5l9 9" /> <path d="M7.5 16.5l9 -9" /> </svg> Svg Code
<svg style='color: blue' xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-north-star" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M3 12h18" /> <path d="M12 21v-18" /> <path d="M7.5 7.5l9 9" /> <path d="M7.5 16.5l9 -9" /> </svg> Svg Code
<svg style='color: #f3da35' xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-north-star" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M3 12h18" /> <path d="M12 21v-18" /> <path d="M7.5 7.5l9 9" /> <path d="M7.5 16.5l9 -9" /> </svg> Advance Editor
You can edit north star as below. Change size color and background color of icon using below tool.
Advertisements
North Star Icon SVG - Faq(s)?
⭐Can I get Free North Star Icon SVG?Yes, you can get free North Star SVG icons.
⭐ How to download free North Star Icon SVG code?To download free North Star icons in SVG code click on the copy code button.
⭐How to find the North Star Icon SVG path file?You can get the North Star SVG file path from the above section.
⭐ What are the colors available for SVG North Star Icon?You can check the North Star SVG in your brand color i.e, White, Black, Blue, Red, Green, Pink & Yellow.
Advertisements