goals icon

goals-fill from Mage Icons by MageIcons · Fill · Apache-2.0 Free for personal and commercial use.

Name: goals-fill
Set: Mage Icons
Style: Fill
Viewbox: 24×24
License: Apache 2.0

1 other variant in Mage Icons

Use the goals icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.992 14.65a2.65 2.65 0 0 1-1.87-4.53a.753.753 0 1 1 1.06 1.07a1.13 1.13 0 0 0-.34.81a1.14 1.14 0 0 0 2 .81a.76.76 0 0 1 1.07 0a.77.77 0 0 1 0 1.07a2.67 2.67 0 0 1-1.92.77"/><path fill="currentColor" d="M22.242 12a10.25 10.25 0 0 1-10.25 10.25a10.25 10.25 0 0 1 0-20.5a.75.75 0 0 1 .75.75v3.8a.76.76 0 0 1-.75.75a4.86 4.86 0 0 0-2.75.83a4.93 4.93 0 0 0-2.11 5.08a5 5 0 0 0 9.81-1a.74.74 0 0 1 .75-.75h3.8a.75.75 0 0 1 .75.79"/><path fill="currentColor" d="M21.882 6.13a1.06 1.06 0 0 1-.23.53l-2.17 2.17a2.6 2.6 0 0 1-1.11.66a2.5 2.5 0 0 1-.76.11a3 3 0 0 1-.53 0l-1.33-.26l-2.28 2.29a.8.8 0 0 1-.53.22a.75.75 0 0 1-.53-.22a.74.74 0 0 1 0-1.06l2.29-2.3l-.27-1.32a2.76 2.76 0 0 1 .06-1.28a2.6 2.6 0 0 1 .66-1.11l2.15-2.15a1 1 0 0 1 .53-.25a.9.9 0 0 1 .54.09a1 1 0 0 1 .4.37a1 1 0 0 1 .12.58l-.32 2.26l2.25-.31a.94.94 0 0 1 .93.51a1 1 0 0 1 .13.47"/></svg>

React

import type { SVGProps } from "react";

export function MageGoalsFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.992 14.65a2.65 2.65 0 0 1-1.87-4.53a.753.753 0 1 1 1.06 1.07a1.13 1.13 0 0 0-.34.81a1.14 1.14 0 0 0 2 .81a.76.76 0 0 1 1.07 0a.77.77 0 0 1 0 1.07a2.67 2.67 0 0 1-1.92.77"/><path fill="currentColor" d="M22.242 12a10.25 10.25 0 0 1-10.25 10.25a10.25 10.25 0 0 1 0-20.5a.75.75 0 0 1 .75.75v3.8a.76.76 0 0 1-.75.75a4.86 4.86 0 0 0-2.75.83a4.93 4.93 0 0 0-2.11 5.08a5 5 0 0 0 9.81-1a.74.74 0 0 1 .75-.75h3.8a.75.75 0 0 1 .75.79"/><path fill="currentColor" d="M21.882 6.13a1.06 1.06 0 0 1-.23.53l-2.17 2.17a2.6 2.6 0 0 1-1.11.66a2.5 2.5 0 0 1-.76.11a3 3 0 0 1-.53 0l-1.33-.26l-2.28 2.29a.8.8 0 0 1-.53.22a.75.75 0 0 1-.53-.22a.74.74 0 0 1 0-1.06l2.29-2.3l-.27-1.32a2.76 2.76 0 0 1 .06-1.28a2.6 2.6 0 0 1 .66-1.11l2.15-2.15a1 1 0 0 1 .53-.25a.9.9 0 0 1 .54.09a1 1 0 0 1 .4.37a1 1 0 0 1 .12.58l-.32 2.26l2.25-.31a.94.94 0 0 1 .93.51a1 1 0 0 1 .13.47"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.992 14.65a2.65 2.65 0 0 1-1.87-4.53a.753.753 0 1 1 1.06 1.07a1.13 1.13 0 0 0-.34.81a1.14 1.14 0 0 0 2 .81a.76.76 0 0 1 1.07 0a.77.77 0 0 1 0 1.07a2.67 2.67 0 0 1-1.92.77"/><path fill="currentColor" d="M22.242 12a10.25 10.25 0 0 1-10.25 10.25a10.25 10.25 0 0 1 0-20.5a.75.75 0 0 1 .75.75v3.8a.76.76 0 0 1-.75.75a4.86 4.86 0 0 0-2.75.83a4.93 4.93 0 0 0-2.11 5.08a5 5 0 0 0 9.81-1a.74.74 0 0 1 .75-.75h3.8a.75.75 0 0 1 .75.79"/><path fill="currentColor" d="M21.882 6.13a1.06 1.06 0 0 1-.23.53l-2.17 2.17a2.6 2.6 0 0 1-1.11.66a2.5 2.5 0 0 1-.76.11a3 3 0 0 1-.53 0l-1.33-.26l-2.28 2.29a.8.8 0 0 1-.53.22a.75.75 0 0 1-.53-.22a.74.74 0 0 1 0-1.06l2.29-2.3l-.27-1.32a2.76 2.76 0 0 1 .06-1.28a2.6 2.6 0 0 1 .66-1.11l2.15-2.15a1 1 0 0 1 .53-.25a.9.9 0 0 1 .54.09a1 1 0 0 1 .4.37a1 1 0 0 1 .12.58l-.32 2.26l2.25-.31a.94.94 0 0 1 .93.51a1 1 0 0 1 .13.47"/></svg>
</template>

CSS

.icon-goals-fill {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.992%2014.65a2.65%202.65%200%200%201-1.87-4.53a.753.753%200%201%201%201.06%201.07a1.13%201.13%200%200%200-.34.81a1.14%201.14%200%200%200%202%20.81a.76.76%200%200%201%201.07%200a.77.77%200%200%201%200%201.07a2.67%202.67%200%200%201-1.92.77%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M22.242%2012a10.25%2010.25%200%200%201-10.25%2010.25a10.25%2010.25%200%200%201%200-20.5a.75.75%200%200%201%20.75.75v3.8a.76.76%200%200%201-.75.75a4.86%204.86%200%200%200-2.75.83a4.93%204.93%200%200%200-2.11%205.08a5%205%200%200%200%209.81-1a.74.74%200%200%201%20.75-.75h3.8a.75.75%200%200%201%20.75.79%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.882%206.13a1.06%201.06%200%200%201-.23.53l-2.17%202.17a2.6%202.6%200%200%201-1.11.66a2.5%202.5%200%200%201-.76.11a3%203%200%200%201-.53%200l-1.33-.26l-2.28%202.29a.8.8%200%200%201-.53.22a.75.75%200%200%201-.53-.22a.74.74%200%200%201%200-1.06l2.29-2.3l-.27-1.32a2.76%202.76%200%200%201%20.06-1.28a2.6%202.6%200%200%201%20.66-1.11l2.15-2.15a1%201%200%200%201%20.53-.25a.9.9%200%200%201%20.54.09a1%201%200%200%201%20.4.37a1%201%200%200%201%20.12.58l-.32%202.26l2.25-.31a.94.94%200%200%201%20.93.51a1%201%200%200%201%20.13.47%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.992%2014.65a2.65%202.65%200%200%201-1.87-4.53a.753.753%200%201%201%201.06%201.07a1.13%201.13%200%200%200-.34.81a1.14%201.14%200%200%200%202%20.81a.76.76%200%200%201%201.07%200a.77.77%200%200%201%200%201.07a2.67%202.67%200%200%201-1.92.77%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M22.242%2012a10.25%2010.25%200%200%201-10.25%2010.25a10.25%2010.25%200%200%201%200-20.5a.75.75%200%200%201%20.75.75v3.8a.76.76%200%200%201-.75.75a4.86%204.86%200%200%200-2.75.83a4.93%204.93%200%200%200-2.11%205.08a5%205%200%200%200%209.81-1a.74.74%200%200%201%20.75-.75h3.8a.75.75%200%200%201%20.75.79%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.882%206.13a1.06%201.06%200%200%201-.23.53l-2.17%202.17a2.6%202.6%200%200%201-1.11.66a2.5%202.5%200%200%201-.76.11a3%203%200%200%201-.53%200l-1.33-.26l-2.28%202.29a.8.8%200%200%201-.53.22a.75.75%200%200%201-.53-.22a.74.74%200%200%201%200-1.06l2.29-2.3l-.27-1.32a2.76%202.76%200%200%201%20.06-1.28a2.6%202.6%200%200%201%20.66-1.11l2.15-2.15a1%201%200%200%201%20.53-.25a.9.9%200%200%201%20.54.09a1%201%200%200%201%20.4.37a1%201%200%200%201%20.12.58l-.32%202.26l2.25-.31a.94.94%200%200%201%20.93.51a1%201%200%200%201%20.13.47%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mage/goals-fill.svg?color=%231a73e8&size=48