Icône Goal Net
fluent-emoji:goal-net
L'icône Goal Net (fluent-emoji:goal-net) est une icône SVG gratuite de la collection Fluent Emoji par Microsoft Corporation. Elle est dessinée sur une grille de 32 × 32. Les Fluent Emoji icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Fluent Emoji
- Auteur
- Microsoft Corporation
- Licence
- MIT
- Taille
- 32 × 32
- Mots-clés
- goalnet
Code SVG
<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>Comment utiliser l'icône Goal Net
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>Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/goal-net.svg" alt="Icône Goal Net" width="24" height="24">L'icône Goal Net dans d'autres collections
FAQ : Icône Goal Net
L'icône Goal Net est-elle gratuite pour un usage commercial ?
Oui. Les Fluent Emoji icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Goal Net dans React ?
Installez @iconify/react et affichez <Icon icon="fluent-emoji:goal-net" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Goal Net à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji/goal-net.svg" alt="Icône Goal Net">, ou collez le code SVG directement dans la page pour le styliser en CSS.