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

Signe アイコン

cbi:signe

Signe アイコン(cbi:signe)は、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
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M15.221 14.637c0-.238-.203-.371-.203-.371c-.053-.035-1.014-.626-2.636-.917V2.441A.437.437 0 0 0 11.941 2h-1.852a.437.437 0 0 0-.441.441v10.926c-.741.317-.855.97-.864 1.208v.035c0 .009-.009.018-.009.027v5.37c.053.9.811 1.878 1.675 1.993h.009c.582 0 4.198-.873 4.7-1.852c0 0 .036-.053.045-.097s.008-.062.008-.097Zc.009 0 0 0 0 0m-4.691 1.19s-.009 0 0 0c-.432-.053-.9-.696-.864-1.19q.041-.556.97-.556c.044 0 .079.009.114.009V2.891h.759v11.243a8.6 8.6 0 0 1 2.495.609c-.899.467-2.972 1.084-3.474 1.084"/></svg>

Signe アイコンの使い方

React

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

<Icon icon="cbi:signe" width="24" />

Vue

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

<template>
  <Icon icon="cbi:signe" width="24" />
</template>

Svelte

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

<Icon icon="cbi:signe" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="cbi:signe"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/cbi/signe.svg" alt="Signe アイコン" width="24" height="24">

Custom Brand Icons の関連アイコン

Signe アイコン のよくある質問

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

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

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

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

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

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

Custom Brand Icons をすべて見る →