Githubcodespaces アイコン
devicon-plain:githubcodespaces
Githubcodespaces アイコン(devicon-plain:githubcodespaces)は、Devicon Plain セットの無料 SVG アイコンです（作者: konpa）。 128 × 128 のグリッドで描かれています。 Devicon Plain icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Devicon Plain
- 作者
- konpa
- ライセンス
- MIT
- サイズ
- 128 × 128
- タグ
- githubcodespace
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="currentColor" d="M64.053 1.559A63.73 63.73 0 0 0 .501 65.583a63.98 63.98 0 0 0 43.455 60.737c3.156.636 4.314-1.378 4.314-3.074c0-1.484-.105-6.571-.105-11.871c-17.677 3.816-21.359-7.633-21.359-7.633c-2.84-7.42-7.049-9.328-7.049-9.328c-5.787-3.922.42-3.922.42-3.922c6.419.424 9.785 6.572 9.785 6.572c5.682 9.753 14.837 6.997 18.52 5.301a13.64 13.64 0 0 1 3.998-8.586c-14.099-1.484-28.936-6.995-28.936-31.588a25.07 25.07 0 0 1 6.524-17.172c-.632-1.59-2.84-8.163.633-16.96c0 0 5.364-1.697 17.465 6.572a61 61 0 0 1 15.889-2.12a61 61 0 0 1 15.889 2.12c12.1-8.269 17.467-6.573 17.467-6.573c3.472 8.798 1.262 15.371.63 16.961a24.1 24.1 0 0 1 5.332 9.213a9.47 9.47 0 0 1 5.668-1.875a9.6 9.6 0 0 1 4.168.957l9.008 4.356a3.05 3.05 0 0 0 3.164-.317a3.05 3.05 0 0 0 1.166-2.959A63.57 63.57 0 0 0 64.055 1.558zm45.012 56.09a4.25 4.25 0 0 0-2.893 1.119c-.604.559-27.27 25.01-27.27 25.01l-11.81-9.012a2.85 2.85 0 0 0-3.657.162l-3.789 3.465a2.9 2.9 0 0 0-.937 2.13a2.9 2.9 0 0 0 .933 2.13l10.242 9.392l-10.242 9.39a2.89 2.89 0 0 0-.69 3.294c.162.367.4.696.694.967l3.79 3.465a2.85 2.85 0 0 0 3.655.162l11.811-9.01s26.665 24.45 27.27 25.01a4.24 4.24 0 0 0 4.729.691l14.164-6.85a4.33 4.33 0 0 0 2.436-3.896V68.821a4.33 4.33 0 0 0-2.436-3.894l-14.164-6.85a4.24 4.24 0 0 0-1.836-.428m1.248 18.7v31.392L89.741 92.046l20.572-15.695z"/></svg>Githubcodespaces アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="devicon-plain:githubcodespaces" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon-plain:githubcodespaces" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon-plain:githubcodespaces" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon-plain--githubcodespaces]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon-plain -->
<div class="i-devicon-plain:githubcodespaces"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon-plain:githubcodespaces"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/devicon-plain/githubcodespaces.svg" alt="Githubcodespaces アイコン" width="24" height="24">他のアイコンセットの Githubcodespaces アイコン
Githubcodespaces アイコン のよくある質問
Githubcodespaces アイコンは商用利用でも無料ですか?
はい。Devicon Plain icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Githubcodespaces アイコンを使うには?
@iconify/react をインストールして <Icon icon="devicon-plain:githubcodespaces" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Githubcodespaces アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/devicon-plain/githubcodespaces.svg" alt="Githubcodespaces アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。