ICONYZ
日本語
Custom Brand Icons の Wall Lucca Alt Below アイコン

Wall Lucca Alt Below アイコン

cbi:wall-lucca-alt-below

Wall Lucca Alt Below アイコン(cbi:wall-lucca-alt-below)は、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
タグ
walllucca、luccaalt、altbelow、wallluccaaltbelow
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M21.055 11.761v-.844c.633-.266.945-.596.945-1.009c0-.403-.321-.752-.945-1.009v-.862c.633-.266.945-.597.945-1.009c0-1.634-5.22-1.808-7.459-1.808c-2.174 0-7.119.165-7.431 1.661L2.174 8.596a.25.25 0 0 0-.156.23L2 17.743q.002.067.046.119v.01c0 .009.009.009.018.009c.009.018.019.027.037.046c.009.009.027 0 .046.009s.036.027.055.036l5.303.808h.073l7.211-1.321c.376 0 1.018-.009 1.771-.055a34 34 0 0 0 1.899-.156c1.293-.156 2.238-.376 2.807-.67c.486-.248.725-.56.725-.917c0-.367-.248-.67-.725-.918c-.064-.037-.138-.064-.22-.101v-.844c.633-.266.945-.596.945-1.009c.009-.431-.294-.761-.936-1.028m-1.376-3.256c-2.028-.395-4.817-.404-5.138-.404c-.523 0-3.137.018-5.11.394V6.872c.725-.156 2.395-.432 5.11-.432c2.743 0 4.413.285 5.138.441Zm0 2.871c-2.028-.394-4.817-.404-5.138-.404s-3.091.01-5.11.404V9.743c.725-.156 2.386-.431 5.11-.431c2.753 0 4.422.284 5.138.44Zm0 2.872a19 19 0 0 0-1.22-.193a34 34 0 0 0-1.899-.156a41 41 0 0 0-1.817-.055h-.202c-.321 0-3.091.009-5.11.404v-1.624c.725-.156 2.395-.431 5.11-.431c2.743 0 4.413.284 5.138.44Zm.605 1.394c-.825.266-2.807.587-5.743.587c-.862 0-1.688-.027-2.458-.082a24 24 0 0 1-1.881-.202a9 9 0 0 1-.707-.128a6 6 0 0 1-.678-.175c.339-.11.825-.211 1.394-.303c.266-.036.55-.082.862-.11a31 31 0 0 1 2.175-.156c.413-.018.844-.018 1.293-.018c2.936 0 4.918.33 5.743.587"/></svg>

Wall Lucca Alt Below アイコンの使い方

React

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

<Icon icon="cbi:wall-lucca-alt-below" width="24" />

Vue

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

<template>
  <Icon icon="cbi:wall-lucca-alt-below" width="24" />
</template>

Svelte

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

<Icon icon="cbi:wall-lucca-alt-below" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--wall-lucca-alt-below]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:wall-lucca-alt-below"></div>

Web コンポーネント

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

<iconify-icon icon="cbi:wall-lucca-alt-below"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/cbi/wall-lucca-alt-below.svg" alt="Wall Lucca Alt Below アイコン" width="24" height="24">

Custom Brand Icons の関連アイコン

Wall Lucca Alt Below アイコン のよくある質問

Wall Lucca Alt Below アイコンは商用利用でも無料ですか?

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

React で Wall Lucca Alt Below アイコンを使うには?

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

Wall Lucca Alt Below アイコンをウェブページに追加するには?

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

Custom Brand Icons をすべて見る →