Skip to content
DeployDeployIcons
Shooting Star icon

Shooting Star

shooting-star

From Phosphor Icons, redistributed under the MIT licence. Available at all 6 weights.

Weights

  • Shooting Star, ThinThin
  • Shooting Star, LightLight
  • Shooting Star, RegularRegular
  • Shooting Star, BoldBold
  • Shooting Star, FillFill
  • Shooting Star, DuotoneDuotone

Use it

React
import { RegularShootingstar } from 'onebit-icon-react';

<RegularShootingstar size={24} />
SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="24" height="24" fill="none"><path d="M164,129.66l35.78,21.53a5.46,5.46,0,0,0,8.19-5.86l-9.73-40.19,31.84-26.88A5.38,5.38,0,0,0,227,68.78l-41.79-3.31-16.1-38.14a5.51,5.51,0,0,0-10.12,0l-16.1,38.14-41.79,3.31a5.38,5.38,0,0,0-3.13,9.48l31.84,26.88L120,145.33a5.46,5.46,0,0,0,8.19,5.86Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="82.45" y1="117.55" x2="24" y2="176" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="93.26" y1="178.74" x2="40" y2="232" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="166.28" y1="177.72" x2="112" y2="232" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/></svg>
CSS mask
.icon-shooting-star {
  width: 24px; height: 24px;
  background: currentColor;
  mask: url("https://icons.onebit.ng/icons/regular-shooting-star.svg") center / contain no-repeat;
}

More in Interface & Controls

← All Interface & Controls iconsBrowse by categoryBrowse all icons