stars icon
stars from Bootstrap Icons by The Bootstrap Authors · Outline · MIT Free for personal and commercial use.
- Name
- stars
- Set
- Bootstrap Icons
- Style
- Outline
- Viewbox
- 16×16
- License
- MIT
The same icon in other sets
Use the stars icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M7.657 6.247c.11-.33.576-.33.686 0l.645 1.937a2.89 2.89 0 0 0 1.829 1.828l1.936.645c.33.11.33.576 0 .686l-1.937.645a2.89 2.89 0 0 0-1.828 1.829l-.645 1.936a.361.361 0 0 1-.686 0l-.645-1.937a2.89 2.89 0 0 0-1.828-1.828l-1.937-.645a.361.361 0 0 1 0-.686l1.937-.645a2.89 2.89 0 0 0 1.828-1.828zM3.794 1.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387A1.73 1.73 0 0 0 4.593 5.69l-.387 1.162a.217.217 0 0 1-.412 0L3.407 5.69A1.73 1.73 0 0 0 2.31 4.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387A1.73 1.73 0 0 0 3.407 2.31zM10.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.16 1.16 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.16 1.16 0 0 0-.732-.732L9.1 2.137a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732z"/></svg>
React
import type { SVGProps } from "react";
export function BiStars(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M7.657 6.247c.11-.33.576-.33.686 0l.645 1.937a2.89 2.89 0 0 0 1.829 1.828l1.936.645c.33.11.33.576 0 .686l-1.937.645a2.89 2.89 0 0 0-1.828 1.829l-.645 1.936a.361.361 0 0 1-.686 0l-.645-1.937a2.89 2.89 0 0 0-1.828-1.828l-1.937-.645a.361.361 0 0 1 0-.686l1.937-.645a2.89 2.89 0 0 0 1.828-1.828zM3.794 1.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387A1.73 1.73 0 0 0 4.593 5.69l-.387 1.162a.217.217 0 0 1-.412 0L3.407 5.69A1.73 1.73 0 0 0 2.31 4.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387A1.73 1.73 0 0 0 3.407 2.31zM10.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.16 1.16 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.16 1.16 0 0 0-.732-.732L9.1 2.137a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M7.657 6.247c.11-.33.576-.33.686 0l.645 1.937a2.89 2.89 0 0 0 1.829 1.828l1.936.645c.33.11.33.576 0 .686l-1.937.645a2.89 2.89 0 0 0-1.828 1.829l-.645 1.936a.361.361 0 0 1-.686 0l-.645-1.937a2.89 2.89 0 0 0-1.828-1.828l-1.937-.645a.361.361 0 0 1 0-.686l1.937-.645a2.89 2.89 0 0 0 1.828-1.828zM3.794 1.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387A1.73 1.73 0 0 0 4.593 5.69l-.387 1.162a.217.217 0 0 1-.412 0L3.407 5.69A1.73 1.73 0 0 0 2.31 4.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387A1.73 1.73 0 0 0 3.407 2.31zM10.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.16 1.16 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.16 1.16 0 0 0-.732-.732L9.1 2.137a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732z"/></svg> </template>
CSS
.icon-stars {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.657%206.247c.11-.33.576-.33.686%200l.645%201.937a2.89%202.89%200%200%200%201.829%201.828l1.936.645c.33.11.33.576%200%20.686l-1.937.645a2.89%202.89%200%200%200-1.828%201.829l-.645%201.936a.361.361%200%200%201-.686%200l-.645-1.937a2.89%202.89%200%200%200-1.828-1.828l-1.937-.645a.361.361%200%200%201%200-.686l1.937-.645a2.89%202.89%200%200%200%201.828-1.828zM3.794%201.148a.217.217%200%200%201%20.412%200l.387%201.162c.173.518.579.924%201.097%201.097l1.162.387a.217.217%200%200%201%200%20.412l-1.162.387A1.73%201.73%200%200%200%204.593%205.69l-.387%201.162a.217.217%200%200%201-.412%200L3.407%205.69A1.73%201.73%200%200%200%202.31%204.593l-1.162-.387a.217.217%200%200%201%200-.412l1.162-.387A1.73%201.73%200%200%200%203.407%202.31zM10.863.099a.145.145%200%200%201%20.274%200l.258.774c.115.346.386.617.732.732l.774.258a.145.145%200%200%201%200%20.274l-.774.258a1.16%201.16%200%200%200-.732.732l-.258.774a.145.145%200%200%201-.274%200l-.258-.774a1.16%201.16%200%200%200-.732-.732L9.1%202.137a.145.145%200%200%201%200-.274l.774-.258c.346-.115.617-.386.732-.732z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.657%206.247c.11-.33.576-.33.686%200l.645%201.937a2.89%202.89%200%200%200%201.829%201.828l1.936.645c.33.11.33.576%200%20.686l-1.937.645a2.89%202.89%200%200%200-1.828%201.829l-.645%201.936a.361.361%200%200%201-.686%200l-.645-1.937a2.89%202.89%200%200%200-1.828-1.828l-1.937-.645a.361.361%200%200%201%200-.686l1.937-.645a2.89%202.89%200%200%200%201.828-1.828zM3.794%201.148a.217.217%200%200%201%20.412%200l.387%201.162c.173.518.579.924%201.097%201.097l1.162.387a.217.217%200%200%201%200%20.412l-1.162.387A1.73%201.73%200%200%200%204.593%205.69l-.387%201.162a.217.217%200%200%201-.412%200L3.407%205.69A1.73%201.73%200%200%200%202.31%204.593l-1.162-.387a.217.217%200%200%201%200-.412l1.162-.387A1.73%201.73%200%200%200%203.407%202.31zM10.863.099a.145.145%200%200%201%20.274%200l.258.774c.115.346.386.617.732.732l.774.258a.145.145%200%200%201%200%20.274l-.774.258a1.16%201.16%200%200%200-.732.732l-.258.774a.145.145%200%200%201-.274%200l-.258-.774a1.16%201.16%200%200%200-.732-.732L9.1%202.137a.145.145%200%200%201%200-.274l.774-.258c.346-.115.617-.386.732-.732z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/stars.svg?color=%231a73e8&size=48
