Goal Net アイコン
twemoji:goal-net
Goal Net アイコン(twemoji:goal-net)は、Twitter Emoji セットの無料 SVG アイコンです（作者: Twitter）。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Twitter Emoji
- 作者
- ライセンス
- CC-BY-4.0
- サイズ
- 36 × 36
- カテゴリ
- アクティビティ
- タグ
- goalnet
SVG コード
<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>Goal Net アイコンの使い方
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 コンポーネント
<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 画像
<img src="https://iconyz.com/api/public/svg/twemoji/goal-net.svg" alt="Goal Net アイコン" width="24" height="24">他のアイコンセットの Goal Net アイコン
Goal Net アイコン のよくある質問
Goal Net アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Goal Net アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:goal-net" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Goal Net アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/goal-net.svg" alt="Goal Net アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。