Duckdns icon
cbi:duckdns
The Duckdns icon (cbi:duckdns) 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
- duckdn
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M14.708 3.131a4.2 4.2 0 0 0-2.034.485A4.6 4.6 0 0 0 10.18 7.02a4.37 4.37 0 0 0 .247 2.4a9 9 0 0 0 .383.852c-.732.051-1.472.093-2.204.161a.34.34 0 0 1-.307-.161a6.64 6.64 0 0 0-3.404-2.596a.587.587 0 0 0-.783.204a8.2 8.2 0 0 0-1.626 2.723a8.5 8.5 0 0 0-.476 2.554a10.6 10.6 0 0 0 .145 2.264a7.5 7.5 0 0 0 .74 2.263a2.4 2.4 0 0 1 .332.511c.289.392.315.332.596.758l.246.272l.273.162a14 14 0 0 0 3.591 1.191a14 14 0 0 0 2.664.29a12 12 0 0 0 1.362-.052a17 17 0 0 0 2.077-.272a20 20 0 0 0 2.281-.689a1.94 1.94 0 0 0 1.063-.656a8.5 8.5 0 0 0 1.618-3.719a8 8 0 0 0-.188-3.294c-.127-.485-.332-.936-.502-1.404v-.085a.315.315 0 0 1 .307-.332a5.5 5.5 0 0 0 1.114-.111a2.91 2.91 0 0 0 2.145-2.051a6.6 6.6 0 0 0 .119-1.583a.434.434 0 0 0-.366-.502h-2.621c0-.085-.077-.179-.119-.264a4.5 4.5 0 0 0-3.481-2.638a4 4 0 0 0-.698-.085m-.391 1.064a3 3 0 0 1 .774 0a3.4 3.4 0 0 1 1.796.723a3.46 3.46 0 0 1 1.251 2.128a3.25 3.25 0 0 1-.255 2.077a8 8 0 0 1-.656 1.012a.63.63 0 0 0-.076.664c.212.519.434.996.595 1.507a6.3 6.3 0 0 1 .213 2.732a6.6 6.6 0 0 1-.851 2.553a5.5 5.5 0 0 1-.655.97a1.8 1.8 0 0 1-.613.315a13.6 13.6 0 0 1-2.936.757q-.718.078-1.447.103a7 7 0 0 1-.953 0a15.3 15.3 0 0 1-2.868-.375a15.7 15.7 0 0 1-2.852-.987a1.7 1.7 0 0 1-.851-.979c-.247-.562-.442-1.225-.672-1.881a4.5 4.5 0 0 1-.128-.851a5.7 5.7 0 0 1-.068-1.064h-.051a15 15 0 0 1 .375-2.221a6.6 6.6 0 0 1 1.353-2.553a.2.2 0 0 1 .196 0a5.6 5.6 0 0 1 2.723 2.442a.5.5 0 0 0 .528.298c.706-.051 1.413-.136 2.119-.187c.281 0 .562 0 .851.042h.962a.5.5 0 0 0 .536-.314a.61.61 0 0 0-.213-.664a2.95 2.95 0 0 1-1.089-1.575a3.4 3.4 0 0 1 0-2.264a3.5 3.5 0 0 1 1.498-1.923a3.4 3.4 0 0 1 1.464-.485m1.412 1.574a.936.936 0 0 0-.953.851a.945.945 0 1 0 1.881-.068a.97.97 0 0 0-.928-.783m3.405 1.107h1.889c.332 0 .332 0 .332.34a2.68 2.68 0 0 1-.8 1.804a2.38 2.38 0 0 1-1.702.656a4.66 4.66 0 0 0 .289-2.817Z"/></svg>How to use the Duckdns icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:duckdns" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:duckdns" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:duckdns" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--duckdns]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:duckdns"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:duckdns"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cbi/duckdns.svg" alt="Duckdns icon" width="24" height="24">Duckdns icon in other icon sets
Duckdns icon FAQ
Is the Duckdns 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 Duckdns icon in React?
Install @iconify/react and render <Icon icon="cbi:duckdns" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Duckdns icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/duckdns.svg" alt="Duckdns icon">, or paste the SVG code inline to style it with CSS.