Star Icon
Free SVG icon from the Arcticons collection. Download or copy for use in any project.
The Star icon is commonly used in rating systems, favorites and review sections. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/347840.svg" alt="Star icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/347840.svg" alt="Star icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/347840.svg" alt="Star icon" :width="24" :height="24" />
CSS background
.icon-star {
background-image: url('https://proicons.com/icon/347840.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.b{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;}</style></defs><path class="b" d="M9.48,5.5c-2.2091,0-4,1.7909-4,4v29c0,2.2091,1.7909,4,4,4h29.04c2.2091,0,4-1.7909,4-4V9.5c0-2.2091-1.7909-4-4-4H9.48Z"/><path class="b" d="M32.956,28.1882v-8.3683h2.7396c1.5488,0,2.8044,1.2583,2.8044,2.8104s-1.2556,2.8104-2.8044,2.8104h-2.7396"/><line class="b" x1="35.6956" y1="25.4408" x2="38.435" y2="28.1861"/><line class="b" x1="16.8519" y1="19.82" x2="22.3959" y2="19.82"/><line class="b" x1="19.6239" y1="28.1882" x2="19.6239" y2="19.82"/><path class="b" d="M9.6657,27.2713c.5131.6681,1.1566.9169,2.0518.9169h1.2389c1.1529,0,2.0876-.9366,2.0876-2.0921h0c0-1.1554-.9346-2.0921-2.0876-2.0921h-1.3689c-1.1529,0-2.0876-.9366-2.0876-2.0921h0c0-1.1554.9346-2.0921,2.0876-2.0921h1.2389c.8952,0,1.5387.2488,2.0518.9169"/><polygon class="b" points="26.5522 19.8118 27.5918 23.0113 30.956 23.0113 28.2343 24.9887 29.2739 28.1882 26.5522 26.2108 23.8305 28.1882 24.8701 24.9887 22.1485 23.0113 25.5126 23.0113 26.5522 19.8118"/></svg>
More from Arcticons
View all
Star in other icon packs
Copied!