Иконка Duckduckgo
cib:duckduckgo
Иконка Duckduckgo (cib:duckduckgo) — бесплатная SVG-иконка из набора CoreUI Brands от creativeLabs Łukasz Holeczek. Она нарисована на сетке 32 × 32. CoreUI Brands icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- CoreUI Brands
- Автор
- creativeLabs Łukasz Holeczek
- Лицензия
- CC0-1.0
- Размер
- 32 × 32
Код 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>Как использовать иконку 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>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:duckduckgo"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/cib/duckduckgo.svg" alt="Иконка Duckduckgo" width="24" height="24">Иконка Duckduckgo в других наборах
Вопросы и ответы: Иконка Duckduckgo
Можно ли бесплатно использовать иконку Duckduckgo в коммерческих проектах?
Да. CoreUI Brands icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Duckduckgo в React?
Установите @iconify/react и выведите <Icon icon="cib:duckduckgo" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Duckduckgo на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/cib/duckduckgo.svg" alt="Иконка Duckduckgo">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.