Centos Logo Block アイコン
streamline-logos:centos-logo-block
Centos Logo Block アイコン(streamline-logos:centos-logo-block)は、Logos free icons セットの無料 SVG アイコンです（作者: Streamline）。 24 × 24 のグリッドで描かれています。 Logos free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Logos free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- OS・システム
- タグ
- centoslogo、logoblock、centoslogoblock、cento
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M5 1a4 4 0 0 0-4 4v14a4 4 0 0 0 4 4h14a4 4 0 0 0 4-4V5a4 4 0 0 0-4-4zm7 3l1.623 1.623h-1.18v4.291l-.443.442l-.442-.442v-4.29h-1.181zm-1.162 6.838h-.626L7.178 7.804l-.835.835V6.343h2.295l-.835.835l3.035 3.034zm-3.034 5.984l3.034-3.034v-.626h-.625l-3.035 3.034l-.835-.835v2.296h2.295zm2.573 1.555L12 20l1.623-1.623h-1.18v-4.291L12 13.644l-.442.442v4.29zm.46-3.571v2.85h-1.18l-.835-.834l2.016-2.016Zm2.325 0v2.85h1.181l.835-.834zm3.034 2.016l-.834.835h2.295V15.36l-.835.835l-3.035-3.034h-.625v.626zM6.344 9.657l.835-.835l2.016 2.016h-2.85V9.657Zm-.72.72L4 12l1.623 1.623v-1.181h4.291l.442-.442l-.442-.442h-4.29zm3.571 2.785l-2.016 2.016l-.835-.835v-1.18zm4.892-1.604l-.442.442l.442.442h4.29v1.181L20 12l-1.623-1.623v1.18h-4.291Zm3.57-.72V9.657l-.834-.835l-2.016 2.016zm0-2.2l-.834-.834l-3.034 3.034h-.626v-.626l3.034-3.034l-.835-.835h2.296V8.64Zm0 4.524v1.181l-.834.835l-2.016-2.016zm-4.494-3.968v-2.85h1.181l.835.834zm-2.324-2.85v2.85L8.822 7.178l.835-.835h1.18Z" clip-rule="evenodd"/></svg>Centos Logo Block アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-logos:centos-logo-block" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-logos:centos-logo-block" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-logos:centos-logo-block" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-logos--centos-logo-block]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-logos -->
<div class="i-streamline-logos:centos-logo-block"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-logos:centos-logo-block"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-logos/centos-logo-block.svg" alt="Centos Logo Block アイコン" width="24" height="24">Logos free icons の関連アイコン
Centos Logo Block アイコン のよくある質問
Centos Logo Block アイコンは商用利用でも無料ですか?
はい。Logos free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Centos Logo Block アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-logos:centos-logo-block" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Centos Logo Block アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-logos/centos-logo-block.svg" alt="Centos Logo Block アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。