ICONYZ
日本語
SVG Logos の Cirrus Ci アイコン

Cirrus Ci アイコン

logos:cirrus-ci

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

アイコンセット
SVG Logos
作者
Gil Barbara
ライセンス
CC0-1.0
サイズ
256 × 256
タグ
cirrusci
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><circle cx="128" cy="128" r="128"/><path fill="#fafafa" d="M164.966 70.5c12.594 0 22.795 10.241 22.795 22.863a22.84 22.84 0 0 1-7.912 17.318A22.84 22.84 0 0 1 187.761 128c0 6.92-3.066 13.126-7.913 17.32a22.84 22.84 0 0 1 7.913 17.317c0 12.496-9.998 22.658-22.418 22.86l-.377.003H73.783a5.545 5.545 0 0 1-.194-11.086l.194-.004h91.183c6.46 0 11.706-5.266 11.706-11.773c0-6.42-5.107-11.633-11.448-11.77l-.258-.004H73.783a5.545 5.545 0 0 1-.194-11.086l.194-.004h91.183c6.46 0 11.706-5.266 11.706-11.773c0-6.42-5.107-11.633-11.448-11.77l-.258-.003H73.783a5.545 5.545 0 0 1-.194-11.087l.194-.003h91.183c6.46 0 11.706-5.267 11.706-11.774c0-6.42-5.107-11.633-11.448-11.77l-.258-.003a5.545 5.545 0 1 1 0-11.09"/></svg>

Cirrus Ci アイコンの使い方

React

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

<Icon icon="logos:cirrus-ci" width="24" />

Vue

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

<template>
  <Icon icon="logos:cirrus-ci" width="24" />
</template>

Svelte

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

<Icon icon="logos:cirrus-ci" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="logos:cirrus-ci"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/logos/cirrus-ci.svg" alt="Cirrus Ci アイコン" width="24" height="24">

SVG Logos の関連アイコン

他のアイコンセットの Cirrus Ci アイコン

Cirrus Ci アイコン のよくある質問

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

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

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

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

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

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

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