Duckduckgo icon
thesvg-color:duckduckgo
The Duckduckgo icon (thesvg-color:duckduckgo) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 128 × 128 grid. theSVG Color icons are released under the MIT 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
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 128 × 128
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><g fill="none"><path fill="#de5833" fill-rule="evenodd" d="M64 128c35.346 0 64-28.654 64-64S99.346 0 64 0S0 28.654 0 64s28.654 64 64 64" clip-rule="evenodd"/><path fill="#ddd" fill-rule="evenodd" d="M73 111.75c0-.5.123-.614-1.466-3.782c-4.224-8.459-8.47-20.384-6.54-28.075c.353-1.397-3.978-51.744-7.04-53.365c-3.402-1.813-7.588-4.69-11.418-5.33c-1.943-.31-4.49-.164-6.482.105c-.353.047-.368.683-.03.798c1.308.443 2.895 1.212 3.83 2.375c.178.22-.06.566-.342.577c-.882.032-2.482.402-4.593 2.195c-.244.207-.041.592.273.53c4.536-.897 9.17-.455 11.9 2.027c.177.16.084.45-.147.512c-23.694 6.44-19.003 27.05-12.696 52.344c5.619 22.53 7.733 29.792 8.4 32.004a.72.72 0 0 0 .423.467C55.228 118.38 73 118.524 73 113z" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M122.75 64c0 32.447-26.303 58.75-58.75 58.75S5.25 96.447 5.25 64S31.553 5.25 64 5.25S122.75 31.553 122.75 64m-72.46 51.986c-1.624-5.016-6.161-19.551-10.643-37.92l-.447-1.828l-.003-.016c-5.425-22.155-9.855-40.252 14.427-45.937c.222-.052.33-.317.183-.492c-2.786-3.305-8.005-4.388-14.604-2.111c-.27.093-.506-.18-.338-.412c1.294-1.783 3.823-3.155 5.072-3.756c.258-.124.242-.502-.031-.588a28 28 0 0 0-3.771-.9c-.37-.059-.404-.693-.032-.743c9.356-1.259 19.125 1.55 24.028 7.726a.33.33 0 0 0 .185.114c17.953 3.855 19.239 32.235 17.17 33.528c-.407.255-1.714.108-3.438-.085c-6.985-.781-20.818-2.329-9.401 18.948c.113.21-.037.488-.272.525c-6.416.997 1.755 21.034 7.812 34.323c23.815-5.52 41.563-26.868 41.563-52.362c0-29.685-24.065-53.75-53.75-53.75S10.25 34.315 10.25 64c0 24.947 16.995 45.924 40.04 51.986" clip-rule="evenodd"/><path fill="#3ca82b" d="M84.28 90.698c-1.367-.633-6.621 3.135-10.11 6.028c-.728-1.031-2.103-1.78-5.203-1.242c-2.713.472-4.211 1.126-4.88 2.254c-4.283-1.623-11.488-4.13-13.229-1.71c-1.902 2.646.476 15.161 3.003 16.786c1.32.849 7.63-3.208 10.926-6.005c.532.749 1.388 1.178 3.148 1.137c2.662-.062 6.979-.681 7.649-1.921q.06-.113.105-.266c3.388 1.266 9.35 2.606 10.682 2.406c3.47-.521-.484-16.723-2.09-17.467"/><path fill="#4cba3c" d="M74.49 97.097c.144.256.26.526.358.8c.483 1.352 1.27 5.648.674 6.709c-.595 1.062-4.459 1.574-6.843 1.615s-2.92-.831-3.403-2.181c-.387-1.081-.577-3.621-.572-5.075c-.098-2.158.69-2.916 4.334-3.506c2.696-.436 4.121.071 4.944.94c3.828-2.857 10.215-6.889 10.838-6.152c3.106 3.674 3.499 12.42 2.826 15.939c-.22 1.151-10.505-1.139-10.505-2.38c0-5.152-1.337-6.565-2.65-6.71M51.96 95.488c.843-1.333 7.674.325 11.424 1.993c0 0-.77 3.491.456 7.604c.359 1.203-8.627 6.558-9.8 5.637c-1.355-1.065-3.85-12.432-2.08-15.234"/><path fill="#fc3" fill-rule="evenodd" d="M55.269 68.407c.553-2.404 3.127-6.933 12.321-6.823c4.648-.019 10.422-.002 14.25-.436a51.3 51.3 0 0 0 12.726-3.095c3.98-1.519 5.392-1.18 5.887-.272c.544.999-.097 2.722-1.488 4.309c-2.656 3.03-7.431 5.38-15.865 6.076c-8.433.698-14.02-1.565-16.425 2.118c-1.038 1.589-.236 5.333 7.92 6.512c11.02 1.59 20.072-1.917 21.19.201s-5.323 6.428-16.362 6.518s-17.934-3.865-20.379-5.83c-3.102-2.495-4.49-6.133-3.775-9.279" clip-rule="evenodd"/><g fill="#14307e" opacity=".8"><path d="M69.327 42.127c.616-1.008 1.981-1.786 4.216-1.786c2.234 0 3.285.889 4.013 1.88c.148.202-.076.44-.306.34l-.168-.073c-.817-.357-1.82-.795-3.54-.82c-1.838-.026-2.997.435-3.727.831c-.246.134-.634-.133-.488-.372m-25.157 1.29c2.17-.907 3.876-.79 5.081-.504c.254.06.43-.213.227-.377c-.935-.755-3.03-1.692-5.76-.674c-2.437.909-3.585 2.796-3.592 4.038c-.002.292.6.317.756.07c.42-.67 1.12-1.646 3.289-2.553"/><path fill-rule="evenodd" d="M75.44 55.92a3.47 3.47 0 0 1-3.474-3.462a3.47 3.47 0 0 1 3.475-3.46a3.47 3.47 0 0 1 3.474 3.46a3.47 3.47 0 0 1-3.475 3.462m2.447-4.608a.899.899 0 0 0-1.799 0c0 .494.405.895.9.895c.499 0 .9-.4.9-.895m-25.465 3.542a4.04 4.04 0 0 1-4.049 4.037a4.045 4.045 0 0 1-4.05-4.037a4.045 4.045 0 0 1 4.05-4.037a4.045 4.045 0 0 1 4.05 4.037m-1.193-1.338a1.05 1.05 0 0 0-2.097 0a1.048 1.048 0 0 0 2.097 0" clip-rule="evenodd"/></g></g></svg>How to use the Duckduckgo icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:duckduckgo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:duckduckgo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:duckduckgo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--duckduckgo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:duckduckgo"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:duckduckgo"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/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. theSVG Color icons are released under the MIT 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="thesvg-color: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/thesvg-color/duckduckgo.svg" alt="Duckduckgo icon">, or paste the SVG code inline to style it with CSS.