Apollographql Wordmark アイコン
devicon:apollographql-wordmark
Apollographql Wordmark アイコン(devicon:apollographql-wordmark)は、Devicon セットの無料 SVG アイコンです（作者: konpa）。 128 × 128 のグリッドで描かれています。 Devicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#112b49" d="M18.791 45.193C8.414 45.193 0 53.607 0 64s8.413 18.807 18.807 18.807c5.814 0 10.995-2.63 14.449-6.782a.8.8 0 0 0 .238-.554c-.016-.444-.38-.809-.808-.809a.78.78 0 0 0-.65.334s-.697.792-1.061 1.172a17.3 17.3 0 0 1-5.467 3.691a17 17 0 0 1-6.701 1.348c-2.33 0-4.58-.46-6.703-1.348a17.1 17.1 0 0 1-5.465-3.691a17.3 17.3 0 0 1-3.692-5.467a17 17 0 0 1-1.347-6.7c0-2.33.46-4.58 1.347-6.702a16.8 16.8 0 0 1 3.676-5.467a17.3 17.3 0 0 1 5.465-3.691a17 17 0 0 1 6.703-1.348c2.329 0 4.578.46 6.701 1.348a17.2 17.2 0 0 1 4.12 2.47c-.064.19-.112.413-.112.635a1.948 1.948 0 1 0 3.898 0c0-1.077-.872-1.95-1.949-1.949c-.27 0-.522.047-.744.158a18.7 18.7 0 0 0-11.914-4.262M62.14 55.62a7.466 7.466 0 0 0-7.463 7.463a7.464 7.464 0 0 0 14.926 0a7.466 7.466 0 0 0-7.463-7.463m58.398 0c-6.65 0-9.98 8.038-5.278 12.74c4.702 4.701 12.74 1.372 12.74-5.278a7.466 7.466 0 0 0-7.463-7.463zm-103.615.236L11.36 70.29h3.486l.902-2.455h5.26l-.95-2.693h-3.47l2.25-6.211l4.008 11.36h3.486l-5.56-14.434zm18.41 0V70.29h3.072v-4.975h3.66c2.567 0 4.643-2.17 4.643-4.736c0-2.55-2.076-4.723-4.642-4.723zm43.95 0V70.29h9.189v-2.71h-6.1V55.856Zm17.824 0V70.29h9.205v-2.71h-6.1V55.856ZM62.139 58.44a4.64 4.64 0 0 1 4.642 4.642a4.637 4.637 0 0 1-4.642 4.64a4.637 4.637 0 0 1-4.643-4.64a4.65 4.65 0 0 1 4.643-4.643zm58.398 0a4.64 4.64 0 0 1 4.643 4.642a4.637 4.637 0 0 1-4.643 4.64a4.636 4.636 0 0 1-4.64-4.64a4.637 4.637 0 0 1 4.64-4.643zm-82.133.236h3.66c.999 0 1.823.904 1.823 1.902s-.824 1.916-1.823 1.916h-3.66z"/></svg>Apollographql Wordmark アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:apollographql-wordmark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:apollographql-wordmark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:apollographql-wordmark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--apollographql-wordmark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:apollographql-wordmark"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:apollographql-wordmark"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/devicon/apollographql-wordmark.svg" alt="Apollographql Wordmark アイコン" width="24" height="24">Devicon の関連アイコン
Apollographql Wordmark アイコン のよくある質問
Apollographql Wordmark アイコンは商用利用でも無料ですか?
はい。Devicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Apollographql Wordmark アイコンを使うには?
@iconify/react をインストールして <Icon icon="devicon:apollographql-wordmark" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Apollographql Wordmark アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/devicon/apollographql-wordmark.svg" alt="Apollographql Wordmark アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。