Иконка Duckduckgo
thesvg-color:duckduckgo
Иконка Duckduckgo (thesvg-color:duckduckgo) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 128 × 128. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- theSVG Color
- Автор
- thesvg.org
- Лицензия
- MIT
- Размер
- 128 × 128
Код 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>Как использовать иконку 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>Веб-компонент
<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
<img src="https://iconyz.com/api/public/svg/thesvg-color/duckduckgo.svg" alt="Иконка Duckduckgo" width="24" height="24">Иконка Duckduckgo в других наборах
Вопросы и ответы: Иконка Duckduckgo
Можно ли бесплатно использовать иконку Duckduckgo в коммерческих проектах?
Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Duckduckgo в React?
Установите @iconify/react и выведите <Icon icon="thesvg-color:duckduckgo" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Duckduckgo на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/duckduckgo.svg" alt="Иконка Duckduckgo">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.