Ups Dlv icon
cbi:ups-dlv
The Ups Dlv icon (cbi:ups-dlv) is a free SVG icon from the Custom Brand Icons set by Emanuele & rchiileea. It is drawn on a 24 × 24 grid. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Custom Brand Icons
- Author
- Emanuele & rchiileea
- License
- CC-BY-NC-SA-4.0
- Size
- 24 × 24
- Tags
- upsdlv
SVG code
<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>How to use the Ups Dlv icon
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 component
<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 image
<img src="https://iconyz.com/api/public/svg/cbi/ups-dlv.svg" alt="Ups Dlv icon" width="24" height="24">Related icons in Custom Brand Icons
Ups Dlv icon FAQ
Is the Ups Dlv icon free for commercial use?
No. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author.
How do I use the Ups Dlv icon in React?
Install @iconify/react and render <Icon icon="cbi:ups-dlv" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Ups Dlv icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/ups-dlv.svg" alt="Ups Dlv icon">, or paste the SVG code inline to style it with CSS.