Civo アイコン
simple-icons:civo
Civo アイコン(simple-icons:civo)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.229 7.985h-.993c-.183 0-.303.14-.303.318v7.393c0 .177.12.318.303.318h.993a.32.32 0 0 0 .323-.318V8.303a.317.317 0 0 0-.323-.318m-3.1 5.838a.32.32 0 0 0-.507-.104a2.34 2.34 0 0 1-1.604.635c-1.627 0-2.868-1.65-2.141-3.368a2.13 2.13 0 0 1 1.13-1.128c.992-.42 1.958-.18 2.599.408a.32.32 0 0 0 .507-.103l.43-.943a.35.35 0 0 0-.111-.428C5.425 8.03 4.05 7.732 2.617 8.22a3.84 3.84 0 0 0-2.412 2.478c-.874 2.772 1.172 5.32 3.813 5.32c.92 0 1.764-.31 2.44-.831a.35.35 0 0 0 .101-.42zm17.666-3.125a3.84 3.84 0 0 0-2.412-2.478a4.2 4.2 0 0 0-2.329-.13c-1.2.269-2.07.838-2.834 2.479l-1.534 3.326l-2.603-5.722a.32.32 0 0 0-.29-.187l-1.138-.002a.32.32 0 0 0-.292.453l3.376 7.382a.32.32 0 0 0 .291.19l.056.005h1.276a.2.2 0 0 0 .076-.013a.34.34 0 0 0 .2-.18l1.71-3.893c.515-1.213.827-1.718 1.643-2.065a2.53 2.53 0 0 1 2.054.026c.492.222.878.629 1.084 1.128a2.7 2.7 0 0 1 .206.95a2.354 2.354 0 0 1-2.353 2.387a2.34 2.34 0 0 1-1.604-.635a.32.32 0 0 0-.507.104l-.43.944a.35.35 0 0 0 .1.42c.677.52 1.522.831 2.44.831c2.642 0 4.688-2.548 3.814-5.32"/></svg>Civo アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:civo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:civo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:civo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--civo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:civo"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:civo"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/civo.svg" alt="Civo アイコン" width="24" height="24">他のアイコンセットの Civo アイコン
Civo アイコン のよくある質問
Civo アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Civo アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:civo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Civo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/civo.svg" alt="Civo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。