Rewe アイコン
cbi:rewe
Rewe アイコン(cbi:rewe)は、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 xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M3.173 14.655c.298 0 .437-.14.437-.429v-1.577h.015l.924 1.585c.172.296.319.421.583.421h.932c.223 0 .41-.084.41-.264a.53.53 0 0 0-.092-.261l-1.139-1.683c.732-.275 1.056-.799 1.056-1.422c0-1.056-.627-1.68-2.266-1.68H2.43c-.291 0-.43.141-.43.437v4.444c0 .29.144.429.43.429Zm.437-2.981v-1.111h.345c.458 0 .656.195.656.554s-.198.557-.657.557Zm6.78 2.981c.297 0 .437-.14.437-.429v-.381c0-.298-.14-.441-.437-.441H8.641v-.795h1.28c.296 0 .436-.139.436-.429v-.381c0-.297-.14-.437-.436-.437h-1.28v-.77h1.514c.297 0 .437-.139.437-.429v-.381c0-.297-.14-.436-.437-.436H7.431c-.29 0-.429.139-.429.436v4.444c0 .29.139.429.429.429Zm4.903-4.888c-.063-.296-.209-.422-.54-.422h-.66c-.329 0-.477.125-.539.422l-.531 2.607h-.015l-.432-2.607c-.045-.296-.195-.422-.536-.422h-.645c-.264 0-.411.118-.411.349a1 1 0 0 0 .022.172l1.023 4.36c.073.29.213.429.579.429h.642c.327 0 .477-.125.539-.422l.583-2.852h.019l.582 2.853c.067.296.213.421.54.421h.642c.37 0 .509-.14.579-.429l1.023-4.355a.7.7 0 0 0 .022-.173c0-.235-.154-.352-.411-.352h-.55c-.341 0-.492.125-.539.421l-.429 2.607h-.014Zm6.266 4.888c.297 0 .441-.14.441-.429v-.381c0-.298-.144-.441-.441-.441H19.81v-.795h1.279c.298 0 .442-.139.442-.429v-.381c0-.297-.144-.437-.442-.437H19.81v-.77h1.518c.297 0 .436-.139.436-.429v-.381c0-.297-.139-.436-.436-.436h-2.727c-.29 0-.429.139-.429.436v4.444c0 .29.139.429.429.429Zm0 0"/></svg>Rewe アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:rewe" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:rewe" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:rewe" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--rewe]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:rewe"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:rewe"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cbi/rewe.svg" alt="Rewe アイコン" width="24" height="24">他のアイコンセットの Rewe アイコン
Rewe アイコン のよくある質問
Rewe アイコンは商用利用でも無料ですか?
いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。
React で Rewe アイコンを使うには?
@iconify/react をインストールして <Icon icon="cbi:rewe" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Rewe アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cbi/rewe.svg" alt="Rewe アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。