Goal icon
flat-ui:goal
The Goal icon (flat-ui:goal) is a free SVG icon from the Flat UI Icons set by Designmodo, Inc.. It is drawn on a 102 × 102 grid. Flat UI Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Flat UI Icons
- Author
- Designmodo, Inc.
- License
- MIT
- Size
- 102 × 102
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="102" height="102" viewBox="0 0 102 102"><defs><path id="SVGmzXNO21H" fill="#F0C419" d="M89 74H76l13 13h13z"/></defs><circle cx="50" cy="52" r="50" opacity=".15"/><circle cx="52" cy="50" r="50" fill="#3B97D3"/><path fill="#fff" d="M52 10c22.091 0 40 17.909 40 40S74.091 90 52 90S12 72.091 12 50s17.909-40 40-40"/><path fill="#6BC8F2" fill-rule="evenodd" d="M52 20c16.569 0 30 13.431 30 30c0 16.568-13.431 30-30 30S22 66.568 22 50c0-16.569 13.431-30 30-30" clip-rule="evenodd"/><path fill="#fff" d="M52 30c11.046 0 20 8.955 20 20s-8.954 20-20 20s-20-8.955-20-20s8.954-20 20-20"/><path fill="#E64C3C" fill-rule="evenodd" d="M52 40c5.523 0 10 4.477 10 10s-4.477 10-10 10s-10-4.478-10-10s4.477-10 10-10" clip-rule="evenodd"/><use href="#SVGmzXNO21H" fill-rule="evenodd" clip-rule="evenodd"/><path fill="#F29C1F" fill-rule="evenodd" d="M89 100V87L76 74v13z" clip-rule="evenodd"/><use href="#SVGmzXNO21H" fill-rule="evenodd" clip-rule="evenodd"/><path d="M50.439 48.439L15.121 83.757a51 51 0 0 0 2.097 2.145L52.56 50.56a1.5 1.5 0 1 0-2.121-2.121" opacity=".15"/><path fill="#E57E25" d="M90.363 89.896c-.384 0-.769-.146-1.062-.439L50.939 51.061a1.501 1.501 0 0 1 2.123-2.121l38.363 38.395a1.501 1.501 0 0 1-1.062 2.561"/></svg>How to use the Goal icon
React
import { Icon } from "@iconify/react";
<Icon icon="flat-ui:goal" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flat-ui:goal" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flat-ui:goal" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flat-ui--goal]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flat-ui -->
<div class="i-flat-ui:goal"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flat-ui:goal"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/flat-ui/goal.svg" alt="Goal icon" width="24" height="24">Goal icon in other icon sets
Goal icon FAQ
Is the Goal icon free for commercial use?
Yes. Flat UI Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Goal icon in React?
Install @iconify/react and render <Icon icon="flat-ui:goal" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Goal icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/flat-ui/goal.svg" alt="Goal icon">, or paste the SVG code inline to style it with CSS.