goal icon
goal-16 from Octicons by GitHub · 16 · MIT Free for personal and commercial use.
- Name
- goal-16
- Set
- Octicons
- Style
- 16
- Viewbox
- 16×16
- License
- MIT
1 other variant in Octicons
The same icon in other sets
Use the goal icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="m13.637 2.363l1.676.335c.09.018.164.084.19.173a.25.25 0 0 1-.062.249l-1.373 1.374a.88.88 0 0 1-.619.256H12.31L9.45 7.611A1.5 1.5 0 1 1 6.5 8a1.5 1.5 0 0 1 1.889-1.449l2.861-2.862V2.552c0-.232.092-.455.256-.619L12.88.559a.25.25 0 0 1 .249-.062c.089.026.155.1.173.19Z"/><path fill="currentColor" d="M2 8a6 6 0 1 0 11.769-1.656a.751.751 0 1 1 1.442-.413a7.502 7.502 0 0 1-12.513 7.371A7.501 7.501 0 0 1 10.069.789a.75.75 0 0 1-.413 1.442A6 6 0 0 0 2 8"/><path fill="currentColor" d="M5 8a3.002 3.002 0 0 0 4.699 2.476a3 3 0 0 0 1.28-2.827a.748.748 0 0 1 1.045-.782a.75.75 0 0 1 .445.61A4.5 4.5 0 1 1 8.516 3.53a.75.75 0 1 1-.17 1.49A3 3 0 0 0 5 8"/></svg>
React
import type { SVGProps } from "react";
export function OcticonGoal16(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="m13.637 2.363l1.676.335c.09.018.164.084.19.173a.25.25 0 0 1-.062.249l-1.373 1.374a.88.88 0 0 1-.619.256H12.31L9.45 7.611A1.5 1.5 0 1 1 6.5 8a1.5 1.5 0 0 1 1.889-1.449l2.861-2.862V2.552c0-.232.092-.455.256-.619L12.88.559a.25.25 0 0 1 .249-.062c.089.026.155.1.173.19Z"/><path fill="currentColor" d="M2 8a6 6 0 1 0 11.769-1.656a.751.751 0 1 1 1.442-.413a7.502 7.502 0 0 1-12.513 7.371A7.501 7.501 0 0 1 10.069.789a.75.75 0 0 1-.413 1.442A6 6 0 0 0 2 8"/><path fill="currentColor" d="M5 8a3.002 3.002 0 0 0 4.699 2.476a3 3 0 0 0 1.28-2.827a.748.748 0 0 1 1.045-.782a.75.75 0 0 1 .445.61A4.5 4.5 0 1 1 8.516 3.53a.75.75 0 1 1-.17 1.49A3 3 0 0 0 5 8"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="m13.637 2.363l1.676.335c.09.018.164.084.19.173a.25.25 0 0 1-.062.249l-1.373 1.374a.88.88 0 0 1-.619.256H12.31L9.45 7.611A1.5 1.5 0 1 1 6.5 8a1.5 1.5 0 0 1 1.889-1.449l2.861-2.862V2.552c0-.232.092-.455.256-.619L12.88.559a.25.25 0 0 1 .249-.062c.089.026.155.1.173.19Z"/><path fill="currentColor" d="M2 8a6 6 0 1 0 11.769-1.656a.751.751 0 1 1 1.442-.413a7.502 7.502 0 0 1-12.513 7.371A7.501 7.501 0 0 1 10.069.789a.75.75 0 0 1-.413 1.442A6 6 0 0 0 2 8"/><path fill="currentColor" d="M5 8a3.002 3.002 0 0 0 4.699 2.476a3 3 0 0 0 1.28-2.827a.748.748 0 0 1 1.045-.782a.75.75 0 0 1 .445.61A4.5 4.5 0 1 1 8.516 3.53a.75.75 0 1 1-.17 1.49A3 3 0 0 0 5 8"/></svg> </template>
CSS
.icon-goal-16 {
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%22m13.637%202.363l1.676.335c.09.018.164.084.19.173a.25.25%200%200%201-.062.249l-1.373%201.374a.88.88%200%200%201-.619.256H12.31L9.45%207.611A1.5%201.5%200%201%201%206.5%208a1.5%201.5%200%200%201%201.889-1.449l2.861-2.862V2.552c0-.232.092-.455.256-.619L12.88.559a.25.25%200%200%201%20.249-.062c.089.026.155.1.173.19Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2%208a6%206%200%201%200%2011.769-1.656a.751.751%200%201%201%201.442-.413a7.502%207.502%200%200%201-12.513%207.371A7.501%207.501%200%200%201%2010.069.789a.75.75%200%200%201-.413%201.442A6%206%200%200%200%202%208%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5%208a3.002%203.002%200%200%200%204.699%202.476a3%203%200%200%200%201.28-2.827a.748.748%200%200%201%201.045-.782a.75.75%200%200%201%20.445.61A4.5%204.5%200%201%201%208.516%203.53a.75.75%200%201%201-.17%201.49A3%203%200%200%200%205%208%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%22m13.637%202.363l1.676.335c.09.018.164.084.19.173a.25.25%200%200%201-.062.249l-1.373%201.374a.88.88%200%200%201-.619.256H12.31L9.45%207.611A1.5%201.5%200%201%201%206.5%208a1.5%201.5%200%200%201%201.889-1.449l2.861-2.862V2.552c0-.232.092-.455.256-.619L12.88.559a.25.25%200%200%201%20.249-.062c.089.026.155.1.173.19Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2%208a6%206%200%201%200%2011.769-1.656a.751.751%200%201%201%201.442-.413a7.502%207.502%200%200%201-12.513%207.371A7.501%207.501%200%200%201%2010.069.789a.75.75%200%200%201-.413%201.442A6%206%200%200%200%202%208%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5%208a3.002%203.002%200%200%200%204.699%202.476a3%203%200%200%200%201.28-2.827a.748.748%200%200%201%201.045-.782a.75.75%200%200%201%20.445.61A4.5%204.5%200%201%201%208.516%203.53a.75.75%200%201%201-.17%201.49A3%203%200%200%200%205%208%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/octicon/goal-16.svg?color=%231a73e8&size=48
