Ceiling Fugato Four アイコン
cbi:ceiling-fugato-four
Ceiling Fugato Four アイコン(cbi:ceiling-fugato-four)は、Custom Brand Icons セットの無料 SVG アイコンです（作者: Emanuele & rchiileea）。 24 × 24 のグリッドで描かれています。 Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Custom Brand Icons
- 作者
- Emanuele & rchiileea
- ライセンス
- CC-BY-NC-SA-4.0
- サイズ
- 24 × 24
- タグ
- ceilingfugato、fugatofour、ceilingfugatofour
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M22 8.034V7.69c0-.776-.948-1.293-2.328-1.293H5.448c-1.12 0-2.069.431-2.241 1.034c0 .086-.086.086-.086.172v.431c0 .949 1.034 1.638 2.327 1.638h2.155v.431c-.431-.086-.775 0-1.12.259c-.431.259-3.793 2.672-3.793 2.672c-.431.259-.69.776-.69 1.38s.172 1.207.517 1.724c.517.862 1.38 1.293 2.069 1.293c.345 0 .604-.086.862-.259l.431-.258l.087-.086l.603-.431c.517.689 1.293 1.12 1.897 1.12c.344 0 .603-.086.862-.258L9.759 17l.086-.086l.603-.431c.345.431.776.776 1.207.948c.259.086.517.172.69.172c.345 0 .603-.086.862-.258l.431-.345l.086-.086l.69-.431c.517.689 1.293 1.12 1.896 1.12c.345 0 .604-.086.862-.258l.431-.345l.087-.086c.948-.69 2.931-2.069 3.276-2.242c.862-.603.948-1.982.172-3.103a4.1 4.1 0 0 0-.862-.862v-.948C21.397 9.414 22 8.81 22 8.034M5.362 16.138l-.431.345c-.345.258-1.207-.086-1.724-.862c-.259-.345-.431-.862-.431-1.207c0-.173.086-.517.345-.69l.431-.345c.086-.086.258-.086.345-.086c.431 0 1.034.345 1.379.948c.258.345.431.862.431 1.207c0 .173-.086.518-.345.69m4.052 0l-.431.345c-.431.345-1.293-.086-1.724-.776c-.259-.345-.431-.862-.431-1.207c0-.172.086-.517.344-.69l.431-.344c.087-.087.259-.087.345-.087h.086c.432 0 .949.345 1.38.949c.258.344.431.862.431 1.206c-.086.087-.173.432-.431.604m1.034-5.776c-.172.086-.603.431-1.207.776c-.172-.259-.431-.431-.689-.604v-.862h2.931v.431c-.345-.086-.776 0-1.035.259m2.931 5.776l-.431.345c-.258.172-.603.086-.776 0c-.344-.173-.689-.431-.948-.862s-.431-.862-.431-1.207c0-.173.086-.517.345-.69l.431-.345c.086-.086.259-.086.345-.086c.431 0 1.034.345 1.379.948c.259.345.431.862.431 1.207c-.086.173-.086.518-.345.69m.949-5.776c-.173.086-.604.431-1.207.776c-.173-.259-.431-.431-.69-.604v-.862h2.931v.431c-.259-.086-.69 0-1.034.259m3.017 5.776l-.431.345c-.431.345-1.293-.086-1.724-.776c-.518-.776-.518-1.638-.087-1.897l.431-.344c.087-.087.259-.087.345-.087c.173 0 .345.087.431.087c.345.172.69.431.949.862s.431.862.431 1.206c-.087.087-.087.432-.345.604m1.983-6.035c-.259-.086-.69 0-1.035.259c-.172.086-.603.431-1.207.776c-.172-.259-.431-.431-.689-.604v-.862h2.931Z"/></svg>
Ceiling Fugato Four アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:ceiling-fugato-four" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:ceiling-fugato-four" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:ceiling-fugato-four" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--ceiling-fugato-four]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:ceiling-fugato-four"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:ceiling-fugato-four"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/cbi/ceiling-fugato-four.svg" alt="Ceiling Fugato Four アイコン" width="24" height="24">
Custom Brand Icons の関連アイコン
Ceiling Fugato Four アイコン のよくある質問
Ceiling Fugato Four アイコンは商用利用でも無料ですか?
いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。
React で Ceiling Fugato Four アイコンを使うには?
@iconify/react をインストールして <Icon icon="cbi:ceiling-fugato-four" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ceiling Fugato Four アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cbi/ceiling-fugato-four.svg" alt="Ceiling Fugato Four アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Custom Brand Icons をすべて見る →
