ICONYZ
日本語
Custom Brand Icons の Ceiling Runner アイコン

Ceiling Runner アイコン

cbi:ceiling-runner

Ceiling Runner アイコン(cbi:ceiling-runner)は、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
タグ
ceilingrunner
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M18.901 2.144A.46.46 0 0 0 18.556 2h-13.1a.475.475 0 0 0-.48.479v1.179a.4.4 0 0 0 .029.153l1.351 3.92a.485.485 0 0 0 .451.326h2.127v3.632l-3.258 3.382c-1.064 1.064-.489 3.297 1.303 5.089a9 9 0 0 0 .451.422C8.503 21.502 9.682 22 10.64 22c.565 0 1.064-.172 1.418-.537l5.491-5.711c.087-.086.154-.201.221-.307c.029-.057.076-.096.105-.153c.249-.518.278-1.188.048-1.946c-.268-.91-.872-1.859-1.687-2.683a8 8 0 0 0-.632-.565l-.23-.173a12 12 0 0 0-.422-.297l-.287-.172a4 4 0 0 0-.355-.182a2.4 2.4 0 0 0-.335-.144a5 5 0 0 0-.268-.096c-.135-.038-.259-.086-.384-.115c-.019 0-.038-.009-.057-.009c-.527-.115-1.007-.096-1.428.047c-.019.01-.039.01-.048.01v-.91l3.114.747l1.208-.747h1.15a.48.48 0 0 0 .46-.336l1.236-3.948a.5.5 0 0 0 .019-.125l.039-1.15a.37.37 0 0 0-.115-.354m-7.504 18.649c-.575.575-2.252.182-3.737-1.304c-1.476-1.485-1.869-3.162-1.304-3.737c.278-.278.815-.336 1.457-.144c.757.221 1.562.738 2.271 1.447c1.495 1.486 1.888 3.163 1.313 3.738"/></svg>

Ceiling Runner アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="cbi:ceiling-runner" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="cbi:ceiling-runner" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="cbi:ceiling-runner" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--ceiling-runner]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:ceiling-runner"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="cbi:ceiling-runner"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/cbi/ceiling-runner.svg" alt="Ceiling Runner アイコン" width="24" height="24">

Custom Brand Icons の関連アイコン

Ceiling Runner アイコン のよくある質問

Ceiling Runner アイコンは商用利用でも無料ですか?

いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。

React で Ceiling Runner アイコンを使うには?

@iconify/react をインストールして <Icon icon="cbi:ceiling-runner" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Ceiling Runner アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cbi/ceiling-runner.svg" alt="Ceiling Runner アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Custom Brand Icons をすべて見る →