Duckduckgo icon
cib:duckduckgo
The Duckduckgo icon (cib:duckduckgo) is a free SVG icon from the CoreUI Brands set by creativeLabs Łukasz Holeczek. It is drawn on a 32 × 32 grid. CoreUI Brands icons are released under the CC0 1.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- CoreUI Brands
- Author
- creativeLabs Łukasz Holeczek
- License
- CC0-1.0
- Size
- 32 × 32
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M16 0C7.161 0 0 7.161 0 16s7.161 16 16 16s16-7.161 16-16S24.839 0 16 0m0 30.667C7.901 30.667 1.333 24.099 1.333 16S7.901 1.333 16 1.333S30.667 7.901 30.667 16S24.099 30.667 16 30.667M29.625 16c0 6.406-4.422 11.776-10.38 13.234c-.359-.698-.708-1.359-1-1.917c.859.328 2.573.953 2.943.818c.505-.193.38-4.198-.182-4.328c-.453-.099-2.177 1.12-2.859 1.615l.047.208c.104.526.193 1.323.042 1.661l-.005.016a.3.3 0 0 1-.094.12c-.375.25-1.438.38-2 .25c-.031-.005-.057-.016-.089-.026c-.922.526-2.677 1.479-3 1.297c-.438-.255-.5-3.573-.438-4.385c.047-.615 2.203.38 3.255.906c.234-.219.802-.365 1.307-.417c-.76-1.849-1.318-3.969-.979-5.474c0 .005.005.005.005.005c.474.328 3.641 1.401 5.214 1.37s4.151-.99 3.87-1.766c-.281-.771-2.849.682-5.521.432c-1.984-.182-2.333-1.073-1.896-1.719c.552-.818 1.557.151 3.214-.344c1.661-.495 3.984-1.38 4.844-1.859c1.995-1.115-.833-1.573-1.5-1.266c-.63.297-2.828.849-3.849 1.094c.568-2.021-.807-5.531-2.344-7.068c-.5-.5-1.271-.813-2.141-.979c-.333-.458-.87-.896-1.63-1.302a7.7 7.7 0 0 0-4.797-.781l-.031.005l-.042.005l.005.005c-.198.036-.318.104-.479.13c.198.021.943.37 1.411.557c-.234.089-.552.146-.797.245a1.2 1.2 0 0 0-.271.073c-.229.109-.406.5-.401.688c1.12-.115 2.776-.031 3.99.328c-.859.12-1.646.344-2.214.646l-.068.036a2 2 0 0 0-.198.089c-1.823.958-2.63 3.203-2.151 5.896c.432 2.432 2.219 10.786 3.052 14.755c-5.297-1.87-9.094-6.917-9.094-12.854c0-7.526 6.099-13.625 13.625-13.625s13.625 6.099 13.625 13.625zm-17.5-3.224a1.011 1.011 0 0 0 0 2.02c1.349 0 1.349-2.021 0-2.021zm.453.932a.26.26 0 0 1-.26-.26a.26.26 0 0 1 .26-.26c.349 0 .349.521 0 .521zm6.297-1.39a.868.868 0 1 0 0 1.735c1.156 0 1.156-1.734 0-1.734zm.385.802a.226.226 0 0 1-.224-.224c0-.12.104-.224.224-.224c.302 0 .302.448 0 .448m-6.843-2.261s-.76-.344-1.5.12c-.74.469-.714.943-.714.943s-.391-.875.656-1.307c1.047-.427 1.557.245 1.557.245zm6.984-.067s-.547-.313-.974-.307c-.875.01-1.109.396-1.109.396s.146-.917 1.26-.734c.365.068.672.307.823.646z"/></svg>How to use the Duckduckgo icon
React
import { Icon } from "@iconify/react";
<Icon icon="cib:duckduckgo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:duckduckgo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:duckduckgo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--duckduckgo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:duckduckgo"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:duckduckgo"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cib/duckduckgo.svg" alt="Duckduckgo icon" width="24" height="24">Duckduckgo icon in other icon sets
Duckduckgo icon FAQ
Is the Duckduckgo icon free for commercial use?
Yes. CoreUI Brands icons are released under the CC0 1.0 license, which allows use in personal and commercial projects.
How do I use the Duckduckgo icon in React?
Install @iconify/react and render <Icon icon="cib:duckduckgo" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Duckduckgo icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cib/duckduckgo.svg" alt="Duckduckgo icon">, or paste the SVG code inline to style it with CSS.