Gitup アイコン
logos:gitup
Gitup アイコン(logos:gitup)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 256 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 256
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><defs><filter id="SVGjWz4xbzC" width="200%" height="200%" x="-50%" y="-50%" filterUnits="objectBoundingBox"><feMorphology in="SourceAlpha" operator="dilate" radius="1" result="shadowSpreadOuter1"/><feOffset dx="1" dy="1" in="shadowSpreadOuter1" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1.5"/><feColorMatrix in="shadowBlurOuter1" result="shadowMatrixOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0"/><feMerge><feMergeNode in="shadowMatrixOuter1"/><feMergeNode in="SourceGraphic"/></feMerge></filter><filter id="SVG0Kn3Ic1L" width="200%" height="200%" x="-50%" y="-50%" filterUnits="objectBoundingBox"><feMorphology in="SourceAlpha" operator="dilate" radius="1" result="shadowSpreadOuter1"/><feOffset in="shadowSpreadOuter1" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="2"/><feColorMatrix in="shadowBlurOuter1" result="shadowMatrixOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.17 0"/><feMerge><feMergeNode in="shadowMatrixOuter1"/><feMergeNode in="SourceGraphic"/></feMerge></filter><clipPath id="SVGMFOpNeVh"><path d="M19.92 28.011L194.686.331C207.413-1.685 219.365 7 221.38 19.726l27.68 174.765c2.016 12.727-6.667 24.679-19.394 26.695L54.9 248.866c-12.727 2.016-24.678-6.668-26.694-19.395L.526 54.706C-1.49 41.979 7.193 30.027 19.92 28.01"/></clipPath></defs><path fill="#f5f5f5" d="M19.92 28.011L194.686.331C207.413-1.685 219.365 7 221.38 19.726l27.68 174.765c2.016 12.727-6.667 24.679-19.394 26.695L54.9 248.866c-12.727 2.016-24.678-6.668-26.694-19.395L.526 54.706C-1.49 41.979 7.193 30.027 19.92 28.01" filter="url(#SVGjWz4xbzC)" transform="translate(2.24 2.24)"/><g clip-path="url(#SVGMFOpNeVh)" transform="translate(2.24 2.24)"><circle cx="129.582" cy="128.848" r="116.671" fill="#fbfbfb" filter="url(#SVG0Kn3Ic1L)"/><circle cx="129.582" cy="128.848" r="72.924" fill="#fcfcfc" filter="url(#SVG0Kn3Ic1L)"/><circle cx="129.582" cy="128.848" r="29.169" fill="#fff" filter="url(#SVG0Kn3Ic1L)"/></g><path fill-opacity=".2" d="m22.203 30.519l174.766-27.68c12.58-1.993 24.393 6.59 26.385 19.17l27.68 174.765c1.993 12.58-6.59 24.393-19.17 26.385L57.098 250.84c-12.58 1.993-24.392-6.59-26.385-19.17L3.033 56.905c-1.993-12.58 6.59-24.393 19.17-26.385m-.085-.534C9.244 32.025.46 44.114 2.5 56.988l27.68 174.766c2.039 12.874 14.129 21.658 27.003 19.62l174.766-27.681c12.874-2.04 21.658-14.129 19.619-27.003l-27.68-174.766c-2.04-12.874-14.13-21.658-27.004-19.62z"/></svg>Gitup アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:gitup" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:gitup" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:gitup" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--gitup]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:gitup"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:gitup"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/gitup.svg" alt="Gitup アイコン" width="24" height="24">Gitup アイコン のよくある質問
Gitup アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Gitup アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:gitup" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Gitup アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/gitup.svg" alt="Gitup アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。