Icono Duckduckgo
thesvg-color:duckduckgo
El icono Duckduckgo (thesvg-color:duckduckgo) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 128 × 128. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- theSVG Color
- Autor
- thesvg.org
- Licencia
- MIT
- Tamaño
- 128 × 128
Código SVG
<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>Cómo usar el icono Duckduckgo
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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/duckduckgo.svg" alt="Icono Duckduckgo" width="24" height="24">El icono Duckduckgo en otras colecciones
Preguntas frecuentes sobre Icono Duckduckgo
¿El icono Duckduckgo es gratis para uso comercial?
Sí. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Duckduckgo en React?
Instala @iconify/react y renderiza <Icon icon="thesvg-color:duckduckgo" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Duckduckgo a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/thesvg-color/duckduckgo.svg" alt="Icono Duckduckgo">, o pega el código SVG en línea para darle estilo con CSS.