Gatsby Wordmark アイコン
devicon-plain:gatsby-wordmark
Gatsby Wordmark アイコン(devicon-plain:gatsby-wordmark)は、Devicon Plain セットの無料 SVG アイコンです（作者: konpa）。 128 × 128 のグリッドで描かれています。 Devicon Plain icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Devicon Plain
- 作者
- konpa
- ライセンス
- MIT
- サイズ
- 128 × 128
- タグ
- gatsbywordmark
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="currentColor" d="M16.832 47.066C7.559 47.066 0 54.625 0 63.898S7.559 80.73 16.832 80.73s16.832-7.558 16.832-16.832c0-9.273-7.559-16.832-16.832-16.832M3.426 64l13.406 13.406C9.375 77.406 3.426 71.36 3.426 64m16.328 13L3.73 60.875c1.41-5.945 6.653-10.379 13.102-10.379c4.332 0 8.266 2.113 10.684 5.34L25.5 57.75a10.74 10.74 0 0 0-8.77-4.535c-4.636 0-8.566 2.922-10.078 7.055c2.016 1.816 13.102 12.902 13.809 13.707c3.324-1.207 5.844-4.133 6.75-7.66h-5.742v-2.419l8.668.102c0 6.348-4.438 11.691-10.383 13m37.09-13.203v2.824h4.738c-.906 2.317-3.227 4.031-5.95 4.031c-3.527 0-6.448-2.922-6.448-6.449s2.921-6.453 6.449-6.453c2.02 0 3.832.91 5.043 2.422l2.82-2.016c-1.812-2.32-4.637-3.832-7.762-3.832h-.199a9.72 9.72 0 0 0-9.777 9.778a9.72 9.72 0 0 0 9.777 9.777h.2a9.72 9.72 0 0 0 9.777-9.777v-.403Zm18.949-.504c-1.008-1.309-2.418-2.113-4.133-2.113c-3.023 0-5.441 2.922-5.441 6.449s2.418 6.45 5.441 6.45c1.715 0 3.227-.907 4.235-2.317v1.613h3.324V61.48h-3.426Zm-2.723 7.562a3.4 3.4 0 0 1-3.425-3.43A3.4 3.4 0 0 1 73.07 64a3.4 3.4 0 0 1 3.426 3.426a3.4 3.4 0 0 1-3.426 3.43Zm34.672-9.777c-1.613 0-3.125.805-4.133 2.117v-9.777h-3.425v19.855h3.324V71.66c1.008 1.41 2.52 2.317 4.234 2.317c3.024 0 5.442-2.922 5.442-6.45s-2.418-6.449-5.442-6.449m-1.41 9.777a3.4 3.4 0 0 1-3.43-3.43a3.4 3.4 0 0 1 3.43-3.425a3.4 3.4 0 0 1 3.426 3.426a3.4 3.4 0 0 1-3.426 3.43ZM85.668 57.45h-3.223v4.031h-1.312v2.723h1.312v9.07h3.223v-9.07h2.422V61.48h-2.422Zm7.559 7.961c-.907 0-1.309-3.527 2.824-1.11l1.613-1.913s-3.934-2.82-7.258 0c-2.418 3.527 1.11 5.242 1.11 5.242l2.117.906s2.922 1.309 0 2.824c-2.422.098-3.227-1.613-3.227-1.613l-1.613 2.016s4.336 4.433 8.973 0c2.418-5.746-3.125-5.746-4.54-6.352Zm30.843-3.93l-3.43 6.754l-3.624-6.754h-3.832l5.543 10.282l-4.332 8.062h3.828l9.574-18.344Zm0 0"/></svg>Gatsby Wordmark アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="devicon-plain:gatsby-wordmark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon-plain:gatsby-wordmark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon-plain:gatsby-wordmark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon-plain--gatsby-wordmark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon-plain -->
<div class="i-devicon-plain:gatsby-wordmark"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon-plain:gatsby-wordmark"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/devicon-plain/gatsby-wordmark.svg" alt="Gatsby Wordmark アイコン" width="24" height="24">他のアイコンセットの Gatsby Wordmark アイコン
Gatsby Wordmark アイコン のよくある質問
Gatsby Wordmark アイコンは商用利用でも無料ですか?
はい。Devicon Plain icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Gatsby Wordmark アイコンを使うには?
@iconify/react をインストールして <Icon icon="devicon-plain:gatsby-wordmark" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Gatsby Wordmark アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/devicon-plain/gatsby-wordmark.svg" alt="Gatsby Wordmark アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。