Ikona Duckduckgo
Wysokiej jakości przezroczysty plik PNG Duckduckgo do sieci i druku.
Zoptymalizowany wektorowy kod SVG Duckduckgo dla programistów.
Gotowy do użycia komponent ikony React Duckduckgo.
Use Duckduckgo in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Jak używać ikony Duckduckgo
Skopiuj ikonę Duckduckgo jako wbudowany kod SVG, kod React, osadzenie HTML lub maskę CSS.
Wbudowany SVG
Wklej SVG Duckduckgo bezpośrednio do HTML lub JSX.
Komponent React
Użyj Duckduckgo jako typowanego komponentu ikony React.
import React from 'react';
export const DuckduckgoIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);Osadzanie HTML
Użyj hostowanego adresu URL ikony Duckduckgo z przypisaniem autorstwa.
Maska CSS
Użyj Duckduckgo jako ikony maski CSS, której można zmieniać kolor.
.duckduckgo-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #de5833;
mask: url("https://www.aiuidesigner.com/icons/duckduckgo.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/duckduckgo.svg") center / contain no-repeat;
}Szczegóły ikony Duckduckgo
Kolor marki
Kategoria
Marki
Formaty
SVG, PNG, React, HTML, maska CSS
SVG viewBox
0 0 24 24
Plik SVG
2.6 KB · 1 ścieżka
Licencja
Sprawdź wytyczne marki
Źródło
github.comWytyczne marki
duckduckgo.comO ikonie Duckduckgo
icons.aboutParagraph1
Przed użyciem logo Duckduckgo w projektach komercyjnych, dokumentacji, makietach UI lub na stronach marketingowych, skorzystaj z linków do źródła i wytycznych marki na tej stronie, aby zweryfikować aktualne zasady użytkowania znaków towarowych.
Ikona Duckduckgo - Najczęściej Zadawane Pytania
Design a UI with the Duckduckgo icon
Generate a complete page that already uses this icon, color, and brand context.