Apollo アイコン
skill-icons:apollo
Apollo アイコン(skill-icons:apollo)は、Skill Icons セットの無料 SVG アイコンです（作者: tandpfun）。 256 × 256 のグリッドで描かれています。 Skill Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Skill Icons
- 作者
- tandpfun
- ライセンス
- MIT
- サイズ
- 256 × 256
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="url(#SVG5n3uCcuF)" rx="60"/><path fill="#fff" d="m140.279 73.046l-26.661-.047l-36.942 97.887l24.114.042l6.029-16.586l36.375.062l-6.877-18.366l-23.946-.042l14.909-42.121l28.934 77.148l24.115.042z"/><path fill="#fff" d="M233.142 99.124a5.3 5.3 0 0 0-.297-.968a2 2 0 0 0-.137-.308a5.55 5.55 0 0 0-2.061-2.291a5.65 5.65 0 0 0-2.979-.86a5.46 5.46 0 0 0-3.863 1.573a5.24 5.24 0 0 0-1.228 5.538l-.016.006a96.3 96.3 0 0 1 4.098 26.369c.411 25.919-9.499 50.271-27.9 68.567c-18.404 18.297-43.1 28.346-69.538 28.301c-26.436-.046-51.454-10.183-70.437-28.543c-18.987-18.361-29.667-42.748-30.078-68.667s9.5-50.271 27.903-68.567c18.402-18.297 43.1-28.346 69.536-28.3c23.607.04 46.076 8.133 64.133 22.939a12.8 12.8 0 0 0-.856 4.822c.115 7.279 6.226 13.187 13.652 13.2c7.423.013 13.349-5.875 13.233-13.154s-6.228-13.19-13.651-13.203a13.5 13.5 0 0 0-4.597.787C178.55 30.1 153.358 20.238 125.974 20.19C65.237 20.085 16.765 68.273 17.709 127.822c.944 59.548 50.945 107.907 111.683 108.012s109.209-48.082 108.266-107.632a106.8 106.8 0 0 0-4.516-29.078"/><defs><linearGradient id="SVG5n3uCcuF" x1="0" x2="256" y1="0" y2="256" gradientUnits="userSpaceOnUse"><stop stop-color="#4010ac"/><stop offset="1" stop-color="#d540a8"/></linearGradient></defs></g></svg>Apollo アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="skill-icons:apollo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="skill-icons:apollo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="skill-icons:apollo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--apollo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:apollo"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="skill-icons:apollo"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/skill-icons/apollo.svg" alt="Apollo アイコン" width="24" height="24">他のアイコンセットの Apollo アイコン
Apollo アイコン のよくある質問
Apollo アイコンは商用利用でも無料ですか?
はい。Skill Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Apollo アイコンを使うには?
@iconify/react をインストールして <Icon icon="skill-icons:apollo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Apollo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/skill-icons/apollo.svg" alt="Apollo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。