Goal Net icon
twemoji:goal-net
The Goal Net icon (twemoji:goal-net) is a free SVG icon from the Twitter Emoji set by Twitter. It is drawn on a 36 × 36 grid. Twitter Emoji icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Twitter Emoji
- Author
- License
- CC-BY-4.0
- Size
- 36 × 36
- Category
- Activities
- Tags
- goalnet
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#ccd6dd" d="M33.553 17.894a1 1 0 0 0 .895-1.789L32 14.881v-1.764l1.553.776a1 1 0 0 0 .895-1.788L32 10.881V7a1 1 0 1 0-2 0v2.881l-1.553-.776C28.133 8.948 27.187 9 27 9h-2V6a1 1 0 1 0-2 0v3h-2V6a1 1 0 1 0-2 0v3h-2V6a1 1 0 0 0-2 0v3h-2V6.028a1 1 0 0 0-2 0V9H9c-.187 0-1.132-.051-1.447.106L6 9.882V7a1 1 0 0 0-2 0v3.882l-2.447 1.224a1 1 0 0 0 .894 1.789L4 13.118v1.764l-2.447 1.224a1 1 0 0 0 .894 1.789L4 17.118v1.764l-2.447 1.224a1 1 0 0 0 .894 1.789L4 21.118v1.764l-2.447 1.224a1 1 0 0 0 .894 1.789L4 25.118v1.764l-2.447 1.224a1 1 0 0 0 .894 1.789L4 29.118V30a1 1 0 1 0 2 0v-1.882L8.236 27H11v1.865a1 1 0 1 0 2 0V27h2v2a1 1 0 1 0 2 0v-2h2v2.146a1 1 0 1 0 2 0V27h2v2.146a1 1 0 1 0 2 0V27h2.765L30 28.117V30a1 1 0 1 0 2 0v-.883l1.553.776a1 1 0 0 0 .895-1.79L32 26.881v-1.764l1.553.776a1 1 0 0 0 .895-1.79L32 22.881v-1.764l1.553.776a1 1 0 1 0 .895-1.79L32 18.881v-1.763zM11 25H9c-.187 0-1.132-.051-1.447.106L6 25.882v-1.764L8.236 23H11zm0-4H9c-.187 0-1.132-.051-1.447.106L6 21.882v-1.764L8.236 19H11zm0-4H9c-.187 0-1.132-.052-1.447.106L6 17.882v-1.764L8.236 15H11zm0-4H9c-.187 0-1.132-.052-1.447.106L6 13.882v-1.764L8.236 11H11zm4 11.999h-2v-2h2zM15 21h-2v-2h2zm0-4.001h-2v-2h2zm0-4h-2v-2h2zm4 12h-2v-2h2zM19 21h-2v-2h2zm0-4.001h-2v-2h2zm0-4h-2v-2h2zm4 12h-2v-2h2zM23 21h-2v-2h2zm0-4.001h-2v-2h2zm0-4h-2v-2h2zm7 12.882l-1.553-.776C28.133 24.949 27.187 25 27 25h-2v-2h2.765L30 24.117zm0-4l-1.553-.776C28.133 20.948 27.187 21 27 21h-2v-2h2.764L30 20.117zm0-4l-1.553-.776C28.133 16.948 27.187 17 27 17h-2v-2h2.764L30 16.118zm0-4l-1.553-.776C28.133 12.948 27.187 13 27 13h-2v-2h2.764L30 12.118z"/><path fill="#8c989f" d="M1.999 34a1.002 1.002 0 0 1-.831-1.555c1.465-2.194 3.785-3.446 6.379-3.446l.114.001h20.691c2.604-.06 4.994 1.218 6.479 3.444a1 1 0 1 1-1.664 1.11c-1.117-1.675-2.784-2.612-4.802-2.554H7.647c-1.99-.014-3.697.879-4.815 2.555a1 1 0 0 1-.833.445"/><path fill="#8c989f" d="M28 30a1 1 0 0 1-1-1V6.324a1 1 0 1 1 2 0V29a1 1 0 0 1-1 1m-20-.135a1 1 0 0 1-1-1V6.028a1 1 0 0 1 2 0v22.837a1 1 0 0 1-1 1"/><path fill="#be2032" d="M34 34.25c-.69 0-1.25-.56-1.25-1.25V12A4.756 4.756 0 0 0 28 7.25H8A4.756 4.756 0 0 0 3.25 12v21a1.25 1.25 0 0 1-2.5 0V12C.75 8.002 4.002 4.75 8 4.75h20c3.998 0 7.25 3.252 7.25 7.25v21c0 .69-.56 1.25-1.25 1.25"/></svg>How to use the Goal Net icon
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:goal-net" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:goal-net" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:goal-net" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--goal-net]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:goal-net"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:goal-net"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/twemoji/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. Twitter Emoji icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Goal Net icon in React?
Install @iconify/react and render <Icon icon="twemoji: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/twemoji/goal-net.svg" alt="Goal Net icon">, or paste the SVG code inline to style it with CSS.