Capacitarr Dark アイコン

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

はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

selfhst:capacitarr-dark

Capacitarr Dark アイコン(selfhst:capacitarr-dark)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: selfh.st/icons
作者: selfh.st
ライセンス: CC-BY-4.0
サイズ: 512 × 512
タグ: capacitarrdark

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path d="M256 512C114.8 512 0 397.2 0 256S114.8 0 256 0s256 114.8 256 256s-114.8 256-256 256m0-480C132.5 32 32 132.5 32 256s100.5 224 224 224s224-100.5 224-224S379.5 32 256 32"/><circle cx="256" cy="256" r="224" opacity=".15"/><path d="M244 216v-24c0-6.6 5.4-12 12-12s12 5.4 12 12v24c0 6.6-5.4 12-12 12s-12-5.4-12-12m104.3 18.2l-12.5 15l22.8-15.2c5.5-3.7 7-11.1 3.3-16.6c-3.2-4.8-9.3-6.6-14.5-4.5c5.7 5.8 6.2 15 .9 21.3m-204.8 85.3l-24 24c-4.7 4.7-4.7 12.3 0 17c2.3 2.3 5.4 3.5 8.5 3.5s6.1-1.2 8.5-3.5l24-24c4.7-4.7 4.7-12.3 0-17s-12.3-4.7-17 0m47.2-89.5l-24-16c-5.5-3.7-13-2.2-16.6 3.3c-3.7 5.5-2.2 13 3.3 16.6l24 16c2 1.4 4.4 2 6.6 2c3.9 0 7.7-1.9 10-5.3c3.7-5.5 2.2-12.9-3.3-16.6m201.8 113.5l-24-24c-4.7-4.7-12.3-4.7-17 0s-4.7 12.3 0 17l24 24c2.3 2.3 5.4 3.5 8.5 3.5s6.1-1.2 8.5-3.5c4.7-4.7 4.7-12.3 0-17"/><path d="M225.1 311.5c-31.3 7.1-60.4 24.8-81.1 52.5c-6.6 8.8-19.2 10.6-28 4s-10.6-19.2-4-28c39.9-53.2 103.7-78 165.4-70.7l-16 19.1c-1.8-.3-3.6-.5-5.4-.5c-14.7.1-27.1 10.1-30.9 23.6M400 340c-10.2-13.7-22.3-25.8-36-36c-16-12-33.4-20.9-51.4-26.9L286 308.9c.3.8.6 1.7.8 2.5c18.7 4.2 36.9 12.3 53.2 24.5c10.6 8 20 17.4 28 28c3.9 5.2 9.9 8 16 8c4.2 0 8.4-1.3 12-4c8.8-6.5 10.6-19.1 4-27.9" opacity=".6"/><path d="M346.2 211.7c-6.8-5.7-16.9-4.7-22.5 2l-62.3 74.7c11.4 2 20.7 9.9 24.6 20.5l62.3-74.7c5.7-6.7 4.7-16.8-2.1-22.5" opacity=".4"/><circle cx="256" cy="320" r="32" opacity=".8"/></svg>

Capacitarr Dark アイコンの使い方

React

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

<Icon icon="selfhst:capacitarr-dark" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:capacitarr-dark" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:capacitarr-dark" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--capacitarr-dark]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:capacitarr-dark"></div>

Web コンポーネント

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

<iconify-icon icon="selfhst:capacitarr-dark"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/selfhst/capacitarr-dark.svg" alt="Capacitarr Dark アイコン" width="24" height="24">

selfh.st/icons の関連アイコン

Capacitarr Dark アイコンのよくある質問

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

はい。selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

selfh.st/icons をすべて見る →