Centos アイコン
cib:centos
Centos アイコン(cib:centos)は、CoreUI Brands セットの無料 SVG アイコンです（作者: creativeLabs Łukasz Holeczek）。 32 × 32 のグリッドで描かれています。 CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- CoreUI Brands
- 作者
- creativeLabs Łukasz Holeczek
- ライセンス
- CC0-1.0
- サイズ
- 32 × 32
- タグ
- cento
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="m16.099.089l-4.255 4.286h-7.38v7.245L0 16.016l4.464 4.396V27.6h7.167l4.38 4.313l4.38-4.313h7.24v-7.167l4.37-4.396l-4.307-4.339V4.427h-7.281zm0 1l3.323 3.339h-2.255v8.589l-1.068 1.073l-1.078-1.083v-8.63h-2.182zM5.167 5.073h5.979l-2.5 2.516l5.672 5.708v.87h-1.063L7.567 8.563l-2.401 2.359zm6.968 0h2.182v7.224L9.64 7.589zm5.74.057h2.25l2.438 2.458l-4.688 4.719zm3.24 0h5.87v5.859l-2.438-2.453l-5.656 5.688h-1.016v-.922l5.677-5.714zm3.432 4.401l2.438 2.458v2.234h-7.099zm-16.979.016l4.688 4.62H5.167v-2.255zm-3.104 3.057v2.266h8.505l1.161 1.141l-1.047 1.026H4.468v2.385l-3.464-3.406zm23.229.094l3.318 3.333l-3.38 3.401v-2.396h-8.547l-1-1.005l1.099-1.104h8.51zM15.021 14l1.078 1.089l.25-.25l.818-.828v.917h1.026l-1.099 1.104l1 1.005h-.958v1.078l-1.125-1.104l-.99.974v-.943h-.932l1.042-1.026l-.25-.25l-.911-.896h1.052zm-9.854 3.745h7.203l-4.802 4.729l-2.396-2.359zm8.208 0h.943v.932l-5.87 5.781l2.469 2.432h-5.75v-5.786l2.401 2.359zm4.464 0h.953l5.755 5.786l.25-.245l2.13-2.151v5.755h-5.823l2.474-2.432l-.255-.245l-5.484-5.406zm1.947 0h7.141v2.396l-2.38 2.396zm-3.776.25l1.125 1.109v8.49h2.25l-3.375 3.328l-3.375-3.328h2.385v-8.62zm-1.692 1.672v7.224h-2.401l-2.469-2.427zm3.521.13l4.734 4.661l-2.469 2.438h-2.266z"/></svg>
Centos アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cib:centos" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:centos" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:centos" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--centos]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:centos"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:centos"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/cib/centos.svg" alt="Centos アイコン" width="24" height="24">
Centos アイコン のよくある質問
Centos アイコンは商用利用でも無料ですか?
はい。CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Centos アイコンを使うには?
@iconify/react をインストールして <Icon icon="cib:centos" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Centos アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cib/centos.svg" alt="Centos アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
CoreUI Brands アイコン をすべて見る →
ICONYZ
