Octoapp アイコン
arcticons:octoapp
Octoapp アイコン(arcticons:octoapp)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Arcticons
- 作者
- Donnnno
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 48 × 48
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M15.507 41.053c-.109-.442.114-.742 1.184-1.594c5.062-4.032 3.599-8.26 7.389-8.263c4.14-.005 3.48 5.54 7.838 8.598c.833.584.835.588.848 1.014m9.734-13.13c-.442-.202-.748-.132-1.08.244c-3.235 4.121-5.373 2.088-6.304-1.999c-.798-4.236 3.36-9.585-2.607-15.51c-4.653-4.622-12.365-4.621-17.018 0c-5.966 5.926-1.81 11.274-2.607 15.51c-.803 4.53-3.017 5.562-6.303 1.999c-.333-.376-.64-.446-1.08-.244"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M29.426 30.99c.147.111.38.514.597 1.036c1.063 2.546 2.823 4.604 4.716 5.514c1.01.486 1.845.635 3.132.558c1.518-.091 1.504-.092 1.77.107c.34.254.424.645.225 1.053m-6.84-9.247a14.4 14.4 0 0 0 2.048 2.827c1.665 1.77 3.205 2.354 4.846 1.84c.516-.162.627-.17.888-.06c.404.168.55.366.56.758M18.587 30.99c-.147.111-.38.514-.598 1.036c-1.062 2.546-2.822 4.604-4.715 5.515c-1.011.486-1.845.634-3.133.557c-1.517-.091-1.503-.092-1.77.107c-.34.254-.423.645-.224 1.053m6.84-9.246a14.4 14.4 0 0 1-2.049 2.826c-1.664 1.77-3.205 2.354-4.845 1.84c-.516-.162-.628-.17-.889-.06c-.403.168-.549.366-.56.758m15.716-16.31a1.616 1.616 0 1 1-3.233 0a1.616 1.616 0 0 1 3.232 0m3.292 0a1.616 1.616 0 1 0 3.232 0a1.616 1.616 0 0 0-3.232 0"/></svg>Octoapp アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:octoapp" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:octoapp" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:octoapp" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--octoapp]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:octoapp"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:octoapp"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/octoapp.svg" alt="Octoapp アイコン" width="24" height="24">Octoapp アイコン のよくある質問
Octoapp アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Octoapp アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:octoapp" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Octoapp アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/octoapp.svg" alt="Octoapp アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。