Capacitorjs アイコン

Q: Capacitorjs アイコンは商用利用でも無料ですか?

はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

logos:capacitorjs

Capacitorjs アイコン(logos:capacitorjs)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 512 × 98 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: SVG Logos
作者: Gil Barbara
ライセンス: CC0-1.0
サイズ: 512 × 98
タグ: capacitorj

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="98" viewBox="0 0 512 98"><path d="M265.15 30.143c13.886 0 22.002 10.848 22.002 24.329c0 13.512-8.116 24.329-22.003 24.329c-6.747 0-11.67-2.855-14.147-6.027V93.46H238.03V31.221h11.963V36.9c2.999-4.25 8.41-6.756 15.157-6.756M152.09 17.05c17.949 0 27.04 12.185 28.671 22.775h-13.8c-1.63-6.377-7.528-10.818-14.987-10.818c-9.907 0-17.04 7.858-17.04 19.018c0 11.046 7.133 18.904 17.04 18.904c7.459 0 13.356-4.442 14.988-10.82h13.799c-1.631 10.592-10.722 22.777-28.67 22.777c-17.833 0-30.187-13.78-30.187-30.861c0-17.196 12.354-30.975 30.186-30.975m53.118 13.093c6.748 0 12.126 2.474 15.158 6.756v-5.678h11.963v46.501h-11.963v-5.678c-3 4.25-8.41 6.757-15.158 6.757c-13.886 0-22.003-10.848-22.003-24.33c0-13.512 8.117-24.328 22.003-24.328m107.016 0c6.747 0 12.126 2.474 15.157 6.756v-5.678h11.963v46.501h-11.963v-5.678c-2.999 4.25-8.41 6.757-15.157 6.757c-13.886 0-22.003-10.848-22.003-24.33c0-13.512 8.117-24.328 22.003-24.328m54.79 0c14.864 0 21.905 10.214 22.817 18.112H376.5c-1.01-3.997-4.824-6.915-9.583-6.915c-6.943 0-10.952 5.329-10.952 13.132s4.01 13.132 10.952 13.132c4.76 0 8.573-2.918 9.583-6.915h13.332c-.912 7.898-7.953 18.112-22.817 18.112c-13.886 0-23.991-10.468-23.991-24.33c0-13.86 10.105-24.328 23.991-24.328m89.856 0c15.319 0 25.1 11.102 25.1 24.329S472.19 78.8 456.87 78.8s-25.1-11.102-25.1-24.33c0-13.226 9.78-24.328 25.1-24.328m53.58.603c.452 0 1.549.095 1.549.095v11.832s-1.353-.254-2.515-.254c-7.473 0-11.374 3.648-11.374 12.18v23.187h-12.824V31.19h11.824v6.027c1.707-2.76 5.32-6.471 13.34-6.471m-86.499-11.1v11.547h9.976V41.47h-9.976v36.287h-12.97v-58.11zM405.18 31.191v46.532h-12.974V31.191zM207.947 41.245c-7.204 0-11.767 5.678-11.767 13.227s4.563 13.227 11.767 13.227s11.768-5.678 11.768-13.227c.032-7.55-4.531-13.227-11.768-13.227m54.464 0c-7.204 0-11.768 5.678-11.768 13.227c-.032 7.55 4.532 13.227 11.768 13.227c7.204 0 11.767-5.678 11.767-13.227s-4.563-13.227-11.767-13.227m52.552 0c-7.204 0-11.767 5.678-11.767 13.227s4.563 13.227 11.767 13.227s11.768-5.678 11.768-13.227c.032-7.55-4.531-13.227-11.768-13.227m141.908 0c-6.847 0-12.126 4.885-12.126 13.227s5.279 13.227 12.126 13.227s12.125-4.885 12.125-13.227s-5.278-13.227-12.125-13.227M398.694 12.19c4.564 0 7.854 3.204 7.854 7.645s-3.29 7.55-7.854 7.55c-4.563 0-7.856-3.11-7.856-7.55s3.293-7.645 7.856-7.645"/><path fill="#53b9ff" d="M15.186 20.615L.118 35.702l23.237 23.306L0 82.432l15.02 15.093l23.402-23.431l23.275 23.264l15.068-15.087z"/><path fill="#119eff" d="M53.53 59.008L38.423 74.094l23.275 23.264l15.067-15.086z"/><path fill-opacity=".2" d="M53.53 59.008L38.423 74.094l5.815 5.784z"/><path fill="#53b9ff" d="m74.122 38.471l23.402-23.432L82.45 0L59.055 23.384L35.778.118L20.71 15.205l61.579 61.656l15.068-15.086z"/><path fill="#119eff" d="m43.947 38.471l15.108-15.086L35.778.119L20.71 15.206z"/><path fill-opacity=".2" d="m43.946 38.471l15.108-15.087l-5.817-5.785z"/></svg>

Capacitorjs アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="logos:capacitorjs" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:capacitorjs" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:capacitorjs" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--capacitorjs]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:capacitorjs"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:capacitorjs"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/logos/capacitorjs.svg" alt="Capacitorjs アイコン" width="24" height="24">

SVG Logos の関連アイコン

Capacitorjs アイコンのよくある質問

Capacitorjs アイコンは商用利用でも無料ですか?

はい。SVG Logos icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Capacitorjs アイコンを使うには?

@iconify/react をインストールして <Icon icon="logos:capacitorjs" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Capacitorjs アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/capacitorjs.svg" alt="Capacitorjs アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

SVG Logos アイコンをすべて見る →