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 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 コードをページに直接貼り付けます。