Ups Dlv アイコン
cbi:ups-dlv
Ups Dlv アイコン(cbi:ups-dlv)は、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
- タグ
- upsdlv
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4.918 13.614a5.17 5.17 0 0 0 1.831 4.127a36 36 0 0 0 5.253 2.76a32 32 0 0 0 5.253-2.76a5.07 5.07 0 0 0 1.831-4.127V4.631h.022a33 33 0 0 0-2.999-.154c-3.775 0-7.835.816-11.19 3.884Zm11.94-4.943a2.4 2.4 0 0 1 1.499.44v1.193a1.84 1.84 0 0 0-1.214-.552c-.375 0-.794.177-.794.641c-.023.485.4.684.883.993c1.125.662 1.346 1.258 1.323 2.053a1.83 1.83 0 0 1-1.964 1.809a3.2 3.2 0 0 1-1.5-.419V13.57a2.15 2.15 0 0 0 1.3.552a.727.727 0 0 0 .817-.751c0-.419-.243-.662-.839-1.015c-1.126-.662-1.325-1.191-1.347-1.92a1.8 1.8 0 0 1 1.836-1.765m-6.489.484a3.3 3.3 0 0 1 1.832-.484c1.634 0 2.517 1.235 2.517 3.198c0 1.987-.861 3.333-2.385 3.333a3.3 3.3 0 0 1-.617-.066l.022 2.869h-1.369Zm-4.745 3.929V8.805h1.368v4.326c0 .375.088.949.707.949a1.1 1.1 0 0 0 .64-.177V8.805h1.346v5.898a3.64 3.64 0 0 1-2.053.551c-1.347 0-2.008-.727-2.008-2.163Zm6.378-11.077a17.4 17.4 0 0 0-8.431 1.911v9.79a6.35 6.35 0 0 0 2.3 5.09A38.7 38.7 0 0 0 12.002 22a37 37 0 0 0 6.126-3.225a6.29 6.29 0 0 0 2.3-5.09V3.918a17.4 17.4 0 0 0-8.426-1.911m7.836 11.629a5.84 5.84 0 0 1-2.099 4.679a36.3 36.3 0 0 1-5.714 2.985a38.7 38.7 0 0 1-5.717-2.999a5.83 5.83 0 0 1-2.099-4.679v-9.19a16.5 16.5 0 0 1 7.814-1.743a16.3 16.3 0 0 1 7.813 1.743Zm-7.659.486c.772 0 1.148-.728 1.148-2.208c0-1.522-.331-2.14-1.126-2.14a1.5 1.5 0 0 0-.485.088l.022 4.172a1.1 1.1 0 0 0 .441.088M12.002 22"/></svg>Ups Dlv アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:ups-dlv" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:ups-dlv" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:ups-dlv" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--ups-dlv]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:ups-dlv"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:ups-dlv"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cbi/ups-dlv.svg" alt="Ups Dlv アイコン" width="24" height="24">Custom Brand Icons の関連アイコン
Ups Dlv アイコン のよくある質問
Ups Dlv アイコンは商用利用でも無料ですか?
いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。
React で Ups Dlv アイコンを使うには?
@iconify/react をインストールして <Icon icon="cbi:ups-dlv" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ups Dlv アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cbi/ups-dlv.svg" alt="Ups Dlv アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。