Icono Duckduckgo
cib:duckduckgo
El icono Duckduckgo (cib:duckduckgo) es un icono SVG gratuito de la colección CoreUI Brands de creativeLabs Łukasz Holeczek. Está dibujado en una cuadrícula de 32 × 32. CoreUI Brands icons se publican bajo la licencia CC0 1.0, 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
- CoreUI Brands
- Autor
- creativeLabs Łukasz Holeczek
- Licencia
- CC0-1.0
- Tamaño
- 32 × 32
Código SVG
<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>Cómo usar el icono Duckduckgo
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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/cib/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í. CoreUI Brands icons se publican bajo la licencia CC0 1.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Duckduckgo en React?
Instala @iconify/react y renderiza <Icon icon="cib: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/cib/duckduckgo.svg" alt="Icono Duckduckgo">, o pega el código SVG en línea para darle estilo con CSS.