Swisspost アイコン
cbi:swisspost
Swisspost アイコン(cbi:swisspost)は、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" fill-rule="evenodd" d="M5.666 16.572v-1.886H2V9.314h3.666V5.532h5.489l-.032 2.528l-.031 2.539l-.643.031l-.643.043V6.754H7.015l-.043 1.917l-.031 1.928l-1.802.031l-1.801.032v2.676l1.801.032l1.802.031l.031 1.928l.043 1.917h2.791v-3.919l.643.043l.643.031l.031 2.539l.032 2.528H5.666ZM11.882 12V5.532h3.107c2.687 0 3.192.031 3.835.231c3.213 1.001 4.246 5.11 1.896 7.522c-.948.98-2.233 1.391-4.351 1.401h-.948v3.782h-3.539Zm5.731-.421c.589-.306.863-.759.863-1.423c0-1.074-.726-1.559-2.349-1.569h-.706v3.171h.927c.569 0 1.054-.074 1.265-.179"/></svg>Swisspost アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:swisspost" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:swisspost" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:swisspost" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--swisspost]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:swisspost"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:swisspost"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cbi/swisspost.svg" alt="Swisspost アイコン" width="24" height="24">Swisspost アイコン のよくある質問
Swisspost アイコンは商用利用でも無料ですか?
いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。
React で Swisspost アイコンを使うには?
@iconify/react をインストールして <Icon icon="cbi:swisspost" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Swisspost アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cbi/swisspost.svg" alt="Swisspost アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。