Ikon Duckduckgo
thesvg-color:duckduckgo
Ikon Duckduckgo (thesvg-color:duckduckgo) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 128 × 128. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- theSVG Color
- Pembuat
- thesvg.org
- Lisensi
- MIT
- Ukuran
- 128 × 128
Kode 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>Cara memakai ikon 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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/duckduckgo.svg" alt="Ikon Duckduckgo" width="24" height="24">Ikon Duckduckgo di set ikon lain
FAQ Ikon Duckduckgo
Apakah ikon Duckduckgo gratis untuk penggunaan komersial?
Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Duckduckgo di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:duckduckgo" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Duckduckgo ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/duckduckgo.svg" alt="Ikon Duckduckgo">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.