ICONYZ
日本語
Custom Brand Icons の Arlo Floodlight アイコン

Arlo Floodlight アイコン

cbi:arlo-floodlight

Arlo Floodlight アイコン(cbi:arlo-floodlight)は、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
タグ
arlofloodlight
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10.444 12.783a2.2 2.2 0 1 0-.644-1.556a2.2 2.2 0 0 0 .644 1.556m.5-2.626a1.5 1.5 0 1 1 0 2.122a1.507 1.507 0 0 1 .002-2.122Zm-2.132.321v3.044a3.188 3.188 0 1 0 6.376 0v-3.044a3.188 3.188 0 0 0-6.376 0m5.788.742h.005a2.6 2.6 0 0 1-2.6 2.6H12a2.6 2.6 0 1 1 2.6-2.6m3.3-5.49H6.1A4.1 4.1 0 0 0 2 9.827v4.344a4.1 4.1 0 0 0 4.1 4.1h11.8a4.1 4.1 0 0 0 4.1-4.1V9.827a4.1 4.1 0 0 0-4.1-4.097m-6.631.75h1.462a.1.1 0 0 1 0 .2h-1.462a.1.1 0 0 1 0-.2m4.213 4v3.046a3.482 3.482 0 1 1-6.964 0v-3.048a3.482 3.482 0 1 1 6.964 0ZM6.1 17.681a3.516 3.516 0 0 1-3.512-3.51V9.827A3.51 3.51 0 0 1 6.1 6.319h5.065a4.12 4.12 0 0 0-3.279 4.031v3.529a4.12 4.12 0 0 0 2.532 3.8Zm6.734-.18a.1.1 0 0 1-.1.1h-1.47a.1.1 0 0 1-.1-.1a.1.1 0 0 1 .1-.1h1.462a.1.1 0 0 1 .108.091Zm8.574-3.33a3.51 3.51 0 0 1-3.508 3.51h-4.314a4.12 4.12 0 0 0 2.532-3.8V10.35a4.12 4.12 0 0 0-3.278-4.031h5.06a3.514 3.514 0 0 1 3.508 3.508Z"/></svg>

Arlo Floodlight アイコンの使い方

React

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

<Icon icon="cbi:arlo-floodlight" width="24" />

Vue

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

<template>
  <Icon icon="cbi:arlo-floodlight" width="24" />
</template>

Svelte

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

<Icon icon="cbi:arlo-floodlight" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="cbi:arlo-floodlight"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/cbi/arlo-floodlight.svg" alt="Arlo Floodlight アイコン" width="24" height="24">

Custom Brand Icons の関連アイコン

Arlo Floodlight アイコン のよくある質問

Arlo Floodlight アイコンは商用利用でも無料ですか?

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

React で Arlo Floodlight アイコンを使うには?

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

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

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

Custom Brand Icons をすべて見る →