How to use the Dolce & Gabbana icon
import { DolceAndGabbanaLogo } from "@/assets/icons/dolceandgabbanaLogo"
export default function Example() {
return <DolceAndGabbanaLogo width="32px" height="32px" />
}Brands icon
Dolce & Gabbana JSX Icon
Copy the Dolce & Gabbana icon as an optimized JSX SVG component for React, Next.js, dashboards, landing pages and Tailwind interfaces.
ComponentDolceAndGabbanaLogo
FiledolceandgabbanaLogo.jsx
CategoryBrands
Copy-ready code
Dolce & Gabbana React JSX component
// Source: https://commons.wikimedia.org/wiki/Special:PermanentLink/1208023848
// Asset license: Public domain textlogo
// Optimized, converted to monochrome currentColor JSX, and parameterized by JSXIcons.
export const DolceAndGabbanaLogo = ({ width = "40px", height = "40px", color = "#000000", ...props }) => (
<svg {...props} width={width} height={height} viewBox="0 0 467.717 225.808" xmlns="http://www.w3.org/2000/svg" fill={color} color={color}>
<path d="M-762.862 22.23h64.924c45.367 0 83.498 40.17 83.498 90.697 0 49.48-38.14 89.65-83.498 90.697h-64.924zm27.83 21.632v138.12h29.886c41.235-1.046 61.839-34.008 61.839-68.054 0-35.056-20.613-63.905-54.631-69.065zm229.855-25.791c55.669 0 99.97 42.263 99.97 94.847 0 52.537-44.31 94.81-99.97 94.81-54.631 0-99.97-42.263-99.97-94.81-.01-52.575 45.339-94.847 99.97-94.847m0 22.688c40.207 0 73.178 31.952 73.178 72.168 0 39.16-32.971 71.113-73.178 71.113-39.16 0-72.16-31.953-72.16-71.113 0-40.216 32.99-72.168 72.16-72.168m108.225-18.528h26.792v159.761h51.537v21.632h-78.329zm164.912-5.16c20.613 0 40.207 6.16 56.688 16.48v33c-13.415-16.528-34.018-26.84-56.688-26.84-40.207 0-72.16 33-72.16 73.216 0 39.16 31.953 72.122 72.16 72.122 22.679 0 43.283-10.274 56.688-26.792v34.009c-16.49 10.32-36.084 16.528-56.688 16.528-54.631 0-99.97-43.32-99.97-95.857 0-52.594 45.348-95.867 99.97-95.867m92.763 164.912h64.942v21.632h-92.772V22.23h92.772v20.584h-64.942V96.4h64.942v21.678h-64.942zm166.988 9.273c-3.095 3.104-6.198 5.16-10.32 7.208-3.095 2.057-7.208 3.104-11.34 4.104-1.028 0-2.057 0-3.085 1.047H-.128c-3.095 0-5.16-1.047-8.255-1.047-3.094-1-5.16-2.057-8.254-4.104-2.057-2.057-4.114-5.16-6.17-8.264-1.038-3.057-2.066-6.16-3.095-9.264v-5.151h1.029v-2.047c1.019-5.16 3.094-9.264 7.207-13.424 4.114-3.057 8.236-6.16 12.368-9.264-2.057-3.057-4.132-6.16-6.188-9.265-2.066-2.056-3.095-6.16-3.095-9.264v-4.15c1.029 0 1.029-1 1.029-1 1.037-4.104 3.103-7.208 6.197-10.321 4.114-2.057 7.208-3.104 11.33-3.104H7.07c4.113 0 9.273 2.104 13.405 5.16 3.085 3.104 5.142 7.208 5.142 13.425 0 5.16-1.02 9.264-4.123 12.367-4.122 4.104-7.207 7.208-11.33 9.265L29.75 177.85c1.028-2.057 3.094-4.104 5.16-7.208 2.056-2.056 3.085-4.103 5.16-6.16l6.18 6.16c-1.029 2.057-3.095 4.151-4.123 6.208-1.029 2.056-3.095 4.104-5.16 6.16l-1.029 1.047s0 1-1.028 1l14.424 16.528H36.965zM3.994 194.36c3.094 0 6.189-1.047 9.274-3.104 2.066-2.056 5.15-4.103 7.226-6.207h1.019l1.037-1-22.669-25.792c0 1.047 0 1.047-1.038 1.047l-1.028 1c-2.066 1.047-3.094 2.104-5.142 3.104-2.084 2.057-3.094 3.104-4.131 5.16-1.02 0-1.02 1.047-1.02 2.057-1.037 1.047-1.037 2.056-1.037 3.103-1.028 1.047-1.028 2.057-1.028 2.057v3.104c0 4.104 1.028 7.207 4.132 11.32 4.113 3.104 7.207 4.151 12.358 4.151h2.048m-8.245-63.905v2.048c0 2.056 0 4.104 1.038 6.16 1.028 2.057 3.094 4.15 4.113 5.16 1.028 1.047 1.028 1.047 2.066 2.057l1.028 1.047h1.029s1.028 0 1.028-1.047c2.066-1 4.132-2.057 6.198-4.104 2.056-2.057 3.094-4.104 4.113-7.207v-2.047c0-3.104-1.028-5.16-3.094-7.208-2.066-1.047-4.114-2.057-6.18-2.057H5.023c-2.057 0-4.123 0-6.189 2.057-2.047.981-3.085 3.038-3.085 5.141M194.68 16.023c36.076 0 68.028 18.575 86.584 45.377l-23.707 12.368c-13.396-20.632-36.084-34.056-61.848-34.056-41.226 0-73.178 33-73.178 73.215 0 40.17 31.952 72.122 73.178 72.122 34.019 0 60.81-16.48 62.886-51.537H199.84V111.88h87.621v1.047c0 56.688-30.942 96.858-92.772 96.858-61.848 0-101.017-43.273-101.017-96.858 0-53.64 45.348-96.904 101.008-96.904m77.302 187.601 75.253-181.393h17.528l75.225 181.393H411.14l-20.613-51.537H321.46l-20.604 51.537zm59.8-74.225 24.717-64.952 23.717 64.952zm372.08 74.225 74.216-181.393h17.509l75.244 181.393H841.98l-20.603-51.537h-69.084l-20.613 51.537zm58.753-74.225 24.736-64.952 24.735 64.952zm299.93 74.225 75.253-181.393h17.528l75.254 181.393h-28.877l-21.632-51.537h-68.036l-20.604 51.537zm59.791-74.225 23.717-64.952 24.726 64.952zM504.93 42.815c18.556 2.057 24.726 9.265 24.726 27.849 0 17.528-12.368 26.792-27.83 26.792H478.12v-54.64zm2.066 76.273h1.019c13.405 0 37.112 3.104 37.112 33 0 23.688-20.603 29.895-40.197 29.895h4.104-30.924v-62.904h28.886zm-35.037 84.536h46.376c31.953 0 55.669-21.632 55.669-51.537 0-23.735-14.452-41.216-35.056-48.433 11.34-7.254 17.528-20.632 17.528-37.113 0-26.839-17.528-44.32-45.358-44.32-14.443-1.047-29.895 0-44.32 0h-16.49v181.394h21.65zM643.04 42.815c17.528 2.057 23.717 9.265 24.735 27.849 0 17.528-12.367 26.792-27.83 26.792H616.24v-54.64zm1.047 76.273h1.028c13.396 0 37.085 3.104 37.085 33 0 23.688-20.613 29.895-40.188 29.895h5.15-30.924v-62.904h27.848zm-35.056 84.536h47.424c31.952 0 54.612-21.632 54.612-51.537 0-23.735-14.424-41.216-35.028-48.433C688.408 96.4 694.57 83.022 694.57 66.54c0-26.839-18.529-44.32-45.349-44.32-15.453-1.047-29.877 0-45.358 0h-16.471v181.394h21.641zM883.207 22.231h17.528l126.781 133.97V22.23h24.735v181.393h-18.556L908.971 70.654v132.97h-25.764z" clipRule="evenodd"/>
</svg>
)
Built for the web
Use it in your stack
This copy-ready component works in React and Next.js projects, and the SVG can be adapted for any interface.
Looking for a similar mark? Browse the related icons below or explore the full brands collection.
Related JSX icons
FAQ
Is the Dolce & Gabbana JSX icon free?
Yes. You can copy the JSX component and use it in React and Next.js projects.
Can I customize it?
Yes. Edit the SVG attributes or pass className, width, height and color props depending on the component.