Goal Net icon
fluent-emoji:goal-net
The Goal Net icon (fluent-emoji:goal-net) is a free SVG icon from the Fluent Emoji set by Microsoft Corporation. It is drawn on a 32 × 32 grid. Fluent Emoji 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
- Fluent Emoji
- Author
- Microsoft Corporation
- License
- MIT
- Size
- 32 × 32
- Tags
- goalnet
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g fill-rule="evenodd" clip-rule="evenodd" filter="url(#iMqQLBb)"><path fill="url(#ihshl3c)" d="M9 10.425c.318 0 .575.257.575.575v4.275c0 .083.067.15.15.15h5.55a.15.15 0 0 0 .15-.15V11a.575.575 0 0 1 1.15 0v4.275c0 .083.067.15.15.15h5.55a.15.15 0 0 0 .15-.15V11a.575.575 0 0 1 1.15 0v4.584a.15.15 0 0 0 .074.13l5.64 3.29a.575.575 0 1 1-.579.993l-4.91-2.864a.15.15 0 0 0-.225.13v3.32a.15.15 0 0 0 .074.13l5.64 3.29a.575.575 0 1 1-.579.994l-4.91-2.864a.15.15 0 0 0-.225.13v3.32a.15.15 0 0 0 .074.13l5.64 3.29a.575.575 0 1 1-.579.994l-5.83-3.402a.15.15 0 0 0-.076-.02H9.196a.15.15 0 0 0-.076.02l-5.83 3.402a.575.575 0 0 1-.58-.994l5.64-3.29a.15.15 0 0 0 .075-.13v-3.32a.15.15 0 0 0-.226-.13l-4.91 2.864a.575.575 0 0 1-.579-.994l5.64-3.29a.15.15 0 0 0 .075-.13v-3.32a.15.15 0 0 0-.226-.13l-4.91 2.864a.575.575 0 0 1-.579-.994l5.64-3.29a.15.15 0 0 0 .075-.13V11c0-.318.257-.575.575-.575m.725 6.15a.15.15 0 0 0-.15.15v3.55c0 .083.067.15.15.15h5.55a.15.15 0 0 0 .15-.15v-3.55a.15.15 0 0 0-.15-.15zm7 0a.15.15 0 0 0-.15.15v3.55c0 .083.067.15.15.15h5.55a.15.15 0 0 0 .15-.15v-3.55a.15.15 0 0 0-.15-.15zm5.7 5.15a.15.15 0 0 0-.15-.15h-5.55a.15.15 0 0 0-.15.15v3.55c0 .083.067.15.15.15h5.55a.15.15 0 0 0 .15-.15zm-7.15 3.7a.15.15 0 0 0 .15-.15v-3.55a.15.15 0 0 0-.15-.15h-5.55a.15.15 0 0 0-.15.15v3.55c0 .083.067.15.15.15z"/><path fill="url(#ifGxeKm)" d="M9 10.425c.318 0 .575.257.575.575v4.275c0 .083.067.15.15.15h5.55a.15.15 0 0 0 .15-.15V11a.575.575 0 0 1 1.15 0v4.275c0 .083.067.15.15.15h5.55a.15.15 0 0 0 .15-.15V11a.575.575 0 0 1 1.15 0v4.584a.15.15 0 0 0 .074.13l5.64 3.29a.575.575 0 1 1-.579.993l-4.91-2.864a.15.15 0 0 0-.225.13v3.32a.15.15 0 0 0 .074.13l5.64 3.29a.575.575 0 1 1-.579.994l-4.91-2.864a.15.15 0 0 0-.225.13v3.32a.15.15 0 0 0 .074.13l5.64 3.29a.575.575 0 1 1-.579.994l-5.83-3.402a.15.15 0 0 0-.076-.02H9.196a.15.15 0 0 0-.076.02l-5.83 3.402a.575.575 0 0 1-.58-.994l5.64-3.29a.15.15 0 0 0 .075-.13v-3.32a.15.15 0 0 0-.226-.13l-4.91 2.864a.575.575 0 0 1-.579-.994l5.64-3.29a.15.15 0 0 0 .075-.13v-3.32a.15.15 0 0 0-.226-.13l-4.91 2.864a.575.575 0 0 1-.579-.994l5.64-3.29a.15.15 0 0 0 .075-.13V11c0-.318.257-.575.575-.575m.725 6.15a.15.15 0 0 0-.15.15v3.55c0 .083.067.15.15.15h5.55a.15.15 0 0 0 .15-.15v-3.55a.15.15 0 0 0-.15-.15zm7 0a.15.15 0 0 0-.15.15v3.55c0 .083.067.15.15.15h5.55a.15.15 0 0 0 .15-.15v-3.55a.15.15 0 0 0-.15-.15zm5.7 5.15a.15.15 0 0 0-.15-.15h-5.55a.15.15 0 0 0-.15.15v3.55c0 .083.067.15.15.15h5.55a.15.15 0 0 0 .15-.15zm-7.15 3.7a.15.15 0 0 0 .15-.15v-3.55a.15.15 0 0 0-.15-.15h-5.55a.15.15 0 0 0-.15.15v3.55c0 .083.067.15.15.15z"/></g><g filter="url(#iJADxGd)"><path stroke="url(#imCipxb)" stroke-linecap="round" stroke-linejoin="round" stroke-width=".4" d="M3 19.5L9 16m0 0v-5m0 5h7m-7 0v5m14-5l6 3.5M23 16v-5m0 5h-7m7 0v5m-7-5v-5m0 5v5m-7 0l-6 3.5M9 21v5m0-5h7m-7 5l-6 3.5M9 26h7m0-5v5m0-5h7m-7 5h7m0-5v5m0-5l6 3.5M23 26l6 3.5"/></g><path stroke="url(#iaGyY2F)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.15" d="M3 19.5L9 16m0 0v-5m0 5h7m-7 0v5m14-5l6 3.5M23 16v-5m0 5h-7m7 0v5m-7-5v-5m0 5v5m-7 0l-6 3.5M9 21v5m0-5h7m-7 5l-6 3.5M9 26h7m0-5v5m0-5h7m-7 5h7m0-5v5m0-5l6 3.5M23 26l6 3.5"/><path stroke="url(#ijSCGWc)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.15" d="M3 19.5L9 16m0 0v-5m0 5h7m-7 0v5m14-5l6 3.5M23 16v-5m0 5h-7m7 0v5m-7-5v-5m0 5v5m-7 0l-6 3.5M9 21v5m0-5h7m-7 5l-6 3.5M9 26h7m0-5v5m0-5h7m-7 5h7m0-5v5m0-5l6 3.5M23 26l6 3.5"/><g filter="url(#iL1RN0b)"><path fill="url(#iiknvae)" d="M5.081 12.699C4.47 13.139 4 13.838 4 15.019v14.554a.5.5 0 0 1-.5.502h-1a.5.5 0 0 1-.5-.502V15.02c0-1.83.781-3.138 1.919-3.954C5.009 10.283 6.357 10 7.5 10h17c1.143 0 2.49.283 3.581 1.065C29.218 11.881 30 13.188 30 15.02v14.554a.5.5 0 0 1-.5.502h-1a.5.5 0 0 1-.5-.502V15.02c0-1.181-.468-1.88-1.081-2.32c-.66-.473-1.562-.691-2.419-.691h-17c-.857 0-1.76.219-2.419.69"/></g><g filter="url(#igniRIX)"><path fill="url(#iA4NIwd)" d="M3.5 28.822V15h-1v13.822zM3.5 15c0-1.338.547-2.187 1.29-2.718c.768-.548 1.781-.782 2.71-.782v-1c-1.071 0-2.308.266-3.29.968c-1.007.719-1.71 1.87-1.71 3.532zm4-3.5h17v-1h-17zm17 0c.929 0 1.942.234 2.71.782c.743.531 1.29 1.38 1.29 2.718h1c0-1.662-.703-2.813-1.71-3.532c-.982-.702-2.219-.968-3.29-.968zm4 3.5v14.306h1V15z"/></g><defs><linearGradient id="ihshl3c" x1="4" x2="28" y1="20.5" y2="20.5" gradientUnits="userSpaceOnUse"><stop stop-color="#D1C6D2"/><stop offset=".5" stop-color="#CDB1E1"/><stop offset="1" stop-color="#CEB3E3"/></linearGradient><linearGradient id="ifGxeKm" x1="16" x2="16" y1="11" y2="29.5" gradientUnits="userSpaceOnUse"><stop offset=".781" stop-color="#C598EB" stop-opacity="0"/><stop offset="1" stop-color="#C598EB" stop-opacity=".4"/></linearGradient><linearGradient id="imCipxb" x1="4" x2="28" y1="20.5" y2="20.5" gradientUnits="userSpaceOnUse"><stop stop-color="#F8EBFF"/><stop offset=".078" stop-color="#F6E8FF"/><stop offset="1" stop-color="#E4CAFA"/></linearGradient><linearGradient id="iaGyY2F" x1="4" x2="28" y1="20.5" y2="20.5" gradientUnits="userSpaceOnUse"><stop offset=".583" stop-color="#826484" stop-opacity="0"/><stop offset="1" stop-color="#826484" stop-opacity=".5"/></linearGradient><linearGradient id="ijSCGWc" x1="16" x2="16" y1="11" y2="29.5" gradientUnits="userSpaceOnUse"><stop stop-color="#87477B" stop-opacity=".8"/><stop offset=".193" stop-color="#87477B" stop-opacity="0"/></linearGradient><linearGradient id="iiknvae" x1="28.619" x2="1.529" y1="22.514" y2="22.514" gradientUnits="userSpaceOnUse"><stop stop-color="#F32A8D"/><stop offset="1" stop-color="#F22D5C"/></linearGradient><linearGradient id="iA4NIwd" x1="29" x2="1.5" y1="10.5" y2="30" gradientUnits="userSpaceOnUse"><stop stop-color="#FF58A3"/><stop offset=".51" stop-color="#FF5A83"/><stop offset="1" stop-color="#FF4B75"/></linearGradient><filter id="iMqQLBb" width="27.15" height="19.8" x="2.425" y="10.275" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.15"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.717647 0 0 0 0 0.541176 0 0 0 0 0.85098 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_2723"/></filter><filter id="iJADxGd" width="27.4" height="19.9" x="2.3" y="10.3" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_2723" stdDeviation=".25"/></filter><filter id="iL1RN0b" width="28.6" height="20.075" x="2" y="10" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".6"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.709804 0 0 0 0 0.207843 0 0 0 0 0.290196 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_2723"/></filter><filter id="igniRIX" width="28.5" height="20.306" x="1.75" y="9.75" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_2723" stdDeviation=".375"/></filter></defs></g></svg>How to use the Goal Net icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:goal-net" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:goal-net" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:goal-net" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--goal-net]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:goal-net"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:goal-net"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fluent-emoji/goal-net.svg" alt="Goal Net icon" width="24" height="24">Goal Net icon in other icon sets
Goal Net icon FAQ
Is the Goal Net icon free for commercial use?
Yes. Fluent Emoji icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Goal Net icon in React?
Install @iconify/react and render <Icon icon="fluent-emoji:goal-net" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Goal Net icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-emoji/goal-net.svg" alt="Goal Net icon">, or paste the SVG code inline to style it with CSS.