How to use the Home Depot icon
import { HomeDepotLogo } from "@/assets/icons/homedepotLogo"
export default function Example() {
return <HomeDepotLogo width="32px" height="32px" />
}E-commerce icon
Home Depot JSX Icon
Copy the Home Depot icon as an optimized JSX SVG component for React, Next.js, dashboards, landing pages and Tailwind interfaces.
ComponentHomeDepotLogo
FilehomedepotLogo.jsx
CategoryE-commerce
Copy-ready code
Home Depot React JSX component
// Source: https://raw.githubusercontent.com/glincker/thesvg/bc1ea3c9c5901d1d7a9438e760a9d071955ff29d/public/icons/home-depot/default.svg
// Asset license: MIT License
// Optimized, converted to monochrome currentColor JSX, and parameterized by JSXIcons.
export const HomeDepotLogo = ({ width = "40px", height = "40px", color = "#F96302", ...props }) => (
<svg {...props} width={width} height={height} viewBox="0 0 227 228" xmlns="http://www.w3.org/2000/svg" fill={color} color={color}>
<g fill="none"><path fill="currentColor" d="M.532.834h226.317v226.317H.532z"/><path fill="currentColor" d="M.532.834H142.53c11.431 0 22.863-.024 34.27.023-3.161 3.208-6.394 6.393-9.577 9.602 1.258 1.33 2.589 2.566 3.849 3.873 2.9-1.996 6.179-3.588 9.744-3.85 3.208-.333 6.441.499 9.387 1.783 1.117.475 2.163 1.235 3.422 1.354 1.236-.071 2.163-1.164 2.591-2.258.356-.759.023-1.663-.57-2.21-2.757-2.78-5.538-5.513-8.271-8.294 13.166-.071 26.332 0 39.475-.023 0 12.833.023 25.69 0 38.547-2.709-2.661-5.348-5.371-8.034-8.032-.713-.738-1.876-1.118-2.851-.666-.642.309-1.26.808-1.545 1.497-.357 1.379.262 2.733.808 3.968 1.664 3.518 2.401 7.487 1.902 11.361-.333 2.638-1.284 5.228-2.71 7.486-.38.546-.736 1.116-1.069 1.688 1.378 1.187 2.543 2.613 3.945 3.778 3.137-3.232 6.369-6.393 9.554-9.602 0 21.46.023 42.921 0 64.381-.619.214-1.308.642-1.95.332-.855-.546-1.497-1.354-2.21-2.043-7.7-7.653-15.329-15.377-23.052-23.005-3.066 3.066-6.083 6.155-9.198 9.15 1.641 1.853 3.471 3.493 5.182 5.275 6.179 6.18 12.357 12.359 18.561 18.537.522.547 1.14 1.023 1.425 1.736.095.784-.451 1.449-.665 2.162-.309.832.357 1.83 1.236 1.853.784.144 1.45-.38 1.949-.902 2.899-2.924 5.822-5.823 8.722-8.723v107.539H119.287c2.757-2.756 5.514-5.49 8.271-8.247a15856 15856 0 0 1-28.115-28.114c-3.065 2.947-6.012 6.013-9.054 8.983-.642.666-1.355 1.307-1.663 2.21-.143.879.665 1.711 1.52 1.759.761-.095 1.402-.595 2.163-.761.665-.046 1.189.476 1.663.904 5.562 5.608 11.147 11.17 16.732 16.755 1.401 1.472 2.923 2.803 4.229 4.325.595.665.191 1.52-.142 2.186H50.559l15.185-15.186c.95-.903 1.925-1.948 2.067-3.327.214-1.592-1.401-3.185-2.994-2.852-1.331.261-2.423 1.307-3.802 1.307-.879-.071-1.545-.713-2.139-1.283-12.097-12.073-24.169-24.169-36.242-36.243-.808-.807-1.782-1.591-2.068-2.757-.047-1.377.927-2.495 1.284-3.754.451-1.592-1.046-3.328-2.663-3.208-1.116.071-2.114.712-2.874 1.497-5.229 5.3-10.552 10.528-15.781 15.828C.508 118.4.532 59.606.532.834"/><path fill="currentColor" d="M163.776 13.881c.214-.237.594-.452.808-.095a49489 49489 0 0 1 49.67 49.669 11946 11946 0 0 0-17.42 17.444c-.761.713-1.688 1.307-2.733 1.378-1.45.12-2.9-1.188-2.781-2.662.048-1.449 1.283-2.566 1.307-4.04.048-.927-.665-1.615-1.259-2.258-12.287-12.262-24.55-24.548-36.837-36.836-.689-.665-1.449-1.497-2.495-1.425-1.545.023-2.709 1.449-4.277 1.283-.904.023-1.641-.69-2.092-1.426-.618-1.283-.048-2.828.88-3.778 5.751-5.752 11.502-11.503 17.229-17.254m23.861 4.824c.475-.879 1.378-1.687 2.447-1.545 1.188.096 2.044 1.069 2.828 1.854a8356 8356 0 0 0 14.26 14.283c.903.88 1.972 1.735 2.186 3.042.119 1.354-1.117 2.566-2.424 2.709-1.093.024-2.091-.57-3.041-1.093-2.021-1.188-4.302-2.139-6.703-2.02-1.236-.024-2.423.475-3.541.974-1.307-1.402-2.804-2.661-4.04-4.111.38-1.069.879-2.091.951-3.233.167-2.589-.879-5.061-2.187-7.224-.665-1.069-1.188-2.401-.736-3.636M82.902 31.301c2.568-2.709 5.277-5.252 7.843-7.938 2.448 2.376 4.824 4.777 7.225 7.177.784.761.071 2.044-.808 2.353-.737.095-1.379-.404-2.044-.642-2.566-1.259-5.751-1.401-8.317-.023-.666.285-1.213.855-1.926.974-.713-.57-1.307-1.283-1.973-1.901m-1.615 1.52c3.493 3.375 6.868 6.869 10.314 10.267 5.395 5.371 10.765 10.79 16.184 16.161a1153 1153 0 0 1-9.316 9.316c-.642.712-1.925 1.022-2.543.142-.76-.808.071-1.806.309-2.638.285-.618-.213-1.164-.618-1.591a7116 7116 0 0 1-18.632-18.633c-.57-.523-1.046-1.164-1.735-1.521-.95-.214-1.687.642-2.614.69-.713-.072-1.378-.784-1.283-1.522.047-.57.38-1.069.784-1.473 3.042-3.066 6.132-6.084 9.15-9.198m12.405 3.803c-.308-.784.238-1.734 1.07-1.853.618-.095 1.117.379 1.545.784 2.566 2.566 5.132 5.157 7.723 7.7.451.499 1.093.95 1.141 1.687.095.737-.618 1.45-1.378 1.378-.999 0-1.759-.784-2.662-1.117-1.331-.617-2.947-.665-4.254.048-.689-.689-1.379-1.402-2.092-2.044.31-1.046.595-2.162.333-3.256-.19-1.235-1.046-2.186-1.426-3.327m45.511 1.854c.642-.642 1.449-1.117 2.353-1.236 1.591-.237 3.255 1.307 2.947 2.923-.214 1.426-1.402 2.566-1.308 4.065.238 1.044 1.094 1.757 1.782 2.495 12.145 12.12 24.289 24.216 36.385 36.36.666.595 1.331 1.379 2.282 1.379 1.426 0 2.519-1.069 3.874-1.308 1.568-.26 3.113 1.284 2.922 2.853-.094 1.069-.736 1.996-1.472 2.732-6.109 6.084-12.193 12.216-18.3 18.3-.784.784-1.782 1.497-2.946 1.497-1.285.071-2.52-1.021-2.686-2.281-.167-1.664 1.378-2.9 1.33-4.564-.071-.784-.617-1.425-1.14-1.996-10.671-10.646-21.318-21.317-31.988-31.964 8.817 16.374 17.705 32.702 26.522 49.076.142.237.261.499.38.784-.641.593-1.259 1.235-1.877 1.877-17.658-8.697-35.292-17.492-52.926-26.213-2.78-1.378-5.537-2.994-8.674-3.374-1.046-.144-1.759.713-2.519 1.259-.785.618-1.831.998-2.804.689-1.165-.522-1.973-1.901-1.616-3.161.237-.855.831-1.568 1.449-2.187 5.704-5.679 11.384-11.382 17.088-17.039 8.887 4.349 17.799 8.603 26.712 12.953.285.213.593.427.855.712.143-.167.262-.333.404-.499l-.333.047c-4.681-8.912-9.6-17.705-14.283-26.617 5.894-5.846 11.717-11.716 17.587-17.562m-31.204 4.016c.428-.784 1.64-.879 2.21-.214 2.4 2.424 4.849 4.848 7.272 7.273a911 911 0 0 1-8.174 8.151c-.618-.713-1.451-1.283-1.926-2.115.784-1.331 1.616-2.686 1.83-4.254.404-2.163.048-4.444-.879-6.44-.262-.761-.832-1.64-.333-2.401m-39.902 3.565c.475-.499.998-1.022 1.687-1.188.69-.142 1.545.285 1.64 1.045.167.832-.451 1.522-.617 2.329-.096.642.427 1.094.807 1.522 6.346 6.344 12.667 12.69 19.013 19.011.428.405.879.904 1.497 1.046.76-.071 1.401-.57 2.139-.736.903-.096 1.734.879 1.449 1.734-.118.642-.617 1.118-1.045 1.569-3.09 3.09-6.18 6.179-9.269 9.245-.546.547-1.259 1.117-2.068.927-.451-.191-.831-.547-.998-.998-.237-1.046.88-1.902.618-2.948-.237-.403-.57-.713-.879-1.045-2.899-2.876-5.775-5.799-8.698-8.674a192 192 0 0 1-3.09 3.089c-.713-.689-1.426-1.379-2.091-2.115 1.045-1.022 2.068-2.067 3.114-3.09-2.568-2.518-5.111-5.086-7.653-7.629-.547-.522-1.022-1.092-1.664-1.472-1.164-.381-2.281 1.259-3.398.356-.904-.641-.618-1.926.119-2.591 3.113-3.161 6.273-6.25 9.387-9.387"/><path fill="currentColor" d="M55.929 58.394c.714-.453 1.783-.167 2.115.641.333.974-.546 1.806-.57 2.757-.024.499.38.855.689 1.188 6.583 6.584 13.143 13.166 19.726 19.725 1.187 1.283 2.709-.927 3.992.024.832.666.547 1.972-.166 2.59-3.09 3.114-6.203 6.179-9.269 9.292-.499.476-.998 1.046-1.687 1.26-.761.214-1.688-.262-1.782-1.069-.143-.95.713-1.688.665-2.615-.12-.404-.38-.736-.665-1.045A6697 6697 0 0 1 50.32 72.486c-.593-.546-1.092-1.236-1.877-1.521-.855-.047-1.568.595-2.4.689-.713.024-1.331-.618-1.355-1.306-.071-.738.452-1.331.951-1.83 3.089-3.09 6.178-6.18 9.245-9.269.332-.309.641-.618 1.045-.855M38.747 75.386c1.426-1.379 2.804-2.805 4.23-4.207 2.496 2.425 4.943 4.943 7.439 7.391.428.475.95.903 1.187 1.521.286 1.165-1.044 2.448-2.209 1.925s-2.091-1.45-3.209-2.068c-1.877-1.164-4.064-1.901-6.297-1.639-.642-.665-1.355-1.284-1.925-1.996.189-.381.499-.642.784-.927M28.385 85.747c2.662-2.614 5.276-5.252 7.914-7.89a4525 4525 0 0 0 15.019 15.02c2.757 2.732 5.443 5.514 8.223 8.199.785.879 1.83.143 2.686-.167.855-.38 1.854.381 1.83 1.283 0 .618-.357 1.141-.76 1.57-3.232 3.208-6.417 6.416-9.625 9.625-.452.451-1.023.902-1.688.855-.737.072-1.45-.641-1.379-1.355.048-.76.642-1.378.642-2.139.048-.642-.499-1.046-.879-1.474-7.581-7.533-15.091-15.137-22.696-22.648.238-.309.452-.594.713-.879m178.359-2.329a771 771 0 0 1 8.77 8.769c.926.88.261 2.638-.975 2.829-1.141.166-2.02-.737-2.899-1.331-2.353-1.617-5.134-3.137-8.08-2.638-.785-.713-1.545-1.45-2.187-2.281 1.83-1.759 3.589-3.566 5.371-5.348M25.961 88.242c.88.333 1.426 1.331 2.139 1.949-.38 2.757.926 5.347 2.471 7.51.452.69.998 1.331 1.283 2.115.31 1.046-.712 2.139-1.758 2.02-.594 0-.998-.499-1.378-.855-2.591-2.615-5.204-5.181-7.795-7.795 1.711-1.617 3.304-3.351 5.038-4.944m52.878 13.405c4.729-1.522 9.862-1.688 14.734-.69 8.271 1.759 15.59 6.607 21.437 12.619 5.727 5.799 10.29 13.072 11.835 21.175.855 4.444.665 9.102-.617 13.451-1.26 4.302-3.543 8.271-6.418 11.693-1.236-1.307-2.59-2.519-3.779-3.85 0-.642.404-1.189.524-1.806.641-2.091 0-4.444-1.593-5.966-11.739-11.763-23.527-23.527-35.268-35.291-1.069-1.093-2.423-1.972-3.968-2.091-1.26-.166-2.496.285-3.684.712-.476.262-.784-.331-1.093-.57-.951-1.021-1.997-1.948-2.947-2.994 0-.071-.024-.214-.024-.285 3.161-2.709 6.869-4.824 10.861-6.107m32.036-1.308c1.093.356 2.091.903 3.113 1.426 3.827 1.854 7.628 3.779 11.479 5.656.332.167.641.428.927.689 3.231 3.28 6.488 6.512 9.743 9.768a16.9 16.9 0 0 0 6.369 4.23c1.687.642 3.589.642 5.276.047.856-.285 1.783-.617 2.686-.332a2.67 2.67 0 0 1 1.639 2.234c-.071 1.307-.903 2.4-1.782 3.303a765 765 0 0 1-8.793 8.77c-.784.713-1.687 1.449-2.781 1.568-1.568.237-3.113-1.425-2.638-2.947.452-1.545 1.07-3.113.809-4.729-.381-2.71-1.926-5.11-3.637-7.177-6.44-6.464-12.904-12.905-19.368-19.393-.999-1.046-2.092-1.996-3.042-3.113m72.483 6.464c1.784-1.782 3.589-3.565 5.372-5.37.784.641 1.473 1.402 2.21 2.115-.309 2.376.5 4.728 1.735 6.725.641 1.141 1.568 2.115 2.139 3.303.309.571.095 1.212-.119 1.782a30.6 30.6 0 0 1 7.724 7.51c2.4 3.399 4.087 7.439 3.992 11.669.024 4.017-1.711 7.866-4.254 10.908-.689-.713-1.497-1.354-2.092-2.162.12-.88.547-1.735.333-2.614-.237-1.141-1.117-1.949-1.901-2.734-6.273-6.25-12.524-12.499-18.774-18.75-.618-.618-1.355-1.188-2.235-1.259-.831-.096-1.663.142-2.423.403-.737-.688-1.473-1.426-2.186-2.139 3.16-2.709 7.271-4.444 11.478-4.23 1.616-.047 3.185.333 4.753.689-1.901-1.972-3.922-3.826-5.752-5.846m-124.363 13.95c1.307-3.636 3.374-6.963 5.822-9.934 1.212 1.237 2.496 2.424 3.684 3.684.237.761-.38 1.474-.499 2.234-.618 2.044.19 4.278 1.688 5.751 11.549 11.574 23.123 23.124 34.697 34.697 1.117 1.213 2.471 2.353 4.182 2.615 1.521.238 3.019-.285 4.421-.808 1.283 1.283 2.567 2.543 3.85 3.826-2.805 2.448-6.061 4.373-9.53 5.728-5.229 2.019-11.075 2.352-16.565 1.141-8.342-1.831-15.685-6.845-21.555-12.953-5.418-5.679-9.792-12.643-11.336-20.415-1.045-5.156-.712-10.622 1.141-15.566m108.013 6.869c.286-3.612 1.878-7.058 4.255-9.768.688.713 1.426 1.426 2.138 2.139-.261.856-.666 1.759-.427 2.661.142.809.688 1.451 1.259 2.021 6.274 6.25 12.5 12.524 18.775 18.774.736.713 1.449 1.569 2.495 1.854.951.262 1.925-.072 2.851-.357.714.714 1.451 1.427 2.14 2.187-2.995 2.471-6.726 4.207-10.671 4.207-3.826.166-7.581-1.189-10.765-3.185-2.306-1.473-4.421-3.256-6.179-5.324.831 2.781.642 5.895-.666 8.509-1.283 2.566-3.279 4.658-5.252 6.678-.713-.713-1.45-1.451-2.187-2.163.619-.999 1.023-2.187.642-3.351-.451-1.189-1.426-2.044-2.281-2.947a1072 1072 0 0 0-5.324-5.347c-1.045-.975-2.163-2.092-3.66-2.187-.879-.094-1.663.357-2.4.785-.736-.713-1.449-1.45-2.186-2.162 2.851-2.876 6.107-5.847 10.29-6.37 3.422-.571 6.868.903 9.292 3.256-1.521-3.042-2.471-6.465-2.139-9.91m-125.267 8.294c.713-.689 1.64-1.212 2.638-1.283 1.64-.096 3.138 1.615 2.685 3.208-.356 1.212-1.235 2.281-1.283 3.589.095 1.14 1.046 1.948 1.807 2.709l36.598 36.598c.571.547 1.212 1.093 2.02 1.164 1.378 0 2.448-1.021 3.755-1.33 1.568-.309 3.137 1.117 3.066 2.685-.048 1.07-.642 2.044-1.379 2.804L73.23 204.479c-.808.784-1.806 1.473-2.97 1.473-1.426.048-2.757-1.306-2.639-2.757.144-1.425 1.331-2.566 1.356-4.04-.048-.879-.738-1.545-1.284-2.162-5.466-5.49-10.956-10.933-16.398-16.398-.214-.166-.499-.642-.808-.31-1.901 1.83-3.731 3.756-5.633 5.585-1.283-1.283-2.566-2.566-3.85-3.873a181 181 0 0 1 5.656-5.656c0-.096.025-.309.025-.405-5.158-5.061-10.22-10.195-15.353-15.304-.784-.737-1.522-1.663-2.614-1.925-1.497-.096-2.662 1.069-4.064 1.331-1.806.309-3.446-1.735-2.828-3.423.309-1.188 1.259-2.044 2.091-2.851 5.941-5.965 11.906-11.883 17.824-17.848m106.112 6.417c2.852 2.661 5.538 5.513 8.342 8.246 5.324 5.347 10.671 10.694 16.018 16.041.38.31.736.737 1.235.832 1.023.096 1.83-.903 2.853-.713.618.214 1.187.809 1.117 1.497 0 .927-.785 1.569-1.356 2.187-3.35 3.304-6.654 6.654-10.004 9.958-.737.808-2.116.404-2.567-.499-.665-1.117 1.141-2.306.191-3.327a8207 8207 0 0 1-20.653-20.653c-.499-.451-.926-1.021-1.521-1.331-1.022-.285-1.83.571-2.78.69-.737-.071-1.45-.713-1.403-1.474-.071-.832.547-1.472 1.069-2.019 3.162-3.138 6.323-6.298 9.459-9.435m-21.198 21.175c2.827-2.781 5.584-5.656 8.46-8.39 2.543 2.567 5.11 5.11 7.653 7.676.855.832-.048 2.092-.927 2.472-.618.071-1.189-.309-1.736-.546-2.185-1.071-4.705-1.593-7.105-.975-1.521.309-2.852 1.164-4.183 1.948-.713-.736-1.425-1.472-2.162-2.185m-11.551 11.573c3.281-3.327 6.608-6.583 9.887-9.887 5.323 5.253 10.575 10.6 15.923 15.852 4.088 4.064 8.128 8.176 12.239 12.216-3.184 3.279-6.463 6.464-9.649 9.719-.451.5-1.093.785-1.687 1.046-.594-.213-1.331-.427-1.521-1.092-.356-1.118.808-1.997.666-3.09-.476-.927-1.308-1.593-2.021-2.329l-17.325-17.326c-1.021-.95-1.877-2.09-3.089-2.803-1.212-.239-2.305 1.306-3.469.474-.998-.641-.713-2.067.046-2.78m23.053-5.893c-.38-.975.523-2.116 1.545-1.95.475.119.831.428 1.164.761 2.495 2.52 5.015 4.991 7.487 7.51.807.832 1.853 1.545 2.186 2.733-.309.523-.642 1.236-1.354 1.307-1.166.119-2.021-.808-3.067-1.189a5.1 5.1 0 0 0-4.586.025c-.76-.761-1.497-1.522-2.258-2.258.523-1.117.761-2.4.38-3.589-.285-1.212-1.093-2.21-1.497-3.35m15.281 6.202c.499-.76 1.711-.879 2.305-.166 2.567 2.591 5.182 5.157 7.724 7.771-2.923 2.852-5.727 5.846-8.722 8.627-.688-.737-1.426-1.45-2.139-2.187 2.543-3.136 2.9-7.676 1.189-11.288-.31-.856-.975-1.902-.357-2.757"/><path fill="currentColor" d="M.532 184.849c.95-.38 1.854-.975 2.9-.951 1.259.238 2.044 1.355 2.922 2.186 11.955 11.907 23.861 23.837 35.791 35.743.665.738 1.521 1.474 1.64 2.52-.048 1.021-.595 1.925-1.021 2.828-14.094-.024-28.162-.024-42.232-.024 0-14.093-.024-28.21 0-42.302"/><path fill="currentColor" d="M111.16 184.207c4.23-.356 8.437 1.164 11.93 3.47 2.733 1.83 5.276 3.945 7.224 6.583 2.33 3.113 3.755 6.916 3.78 10.837.07 4.468-1.688 8.983-4.872 12.143a88 88 0 0 1-2.163-2.162c.427-.807.926-1.663.784-2.614-.237-1.426-1.212-2.591-2.187-3.565l-16.041-16.042c-1.093-1.069-2.329-2.234-3.945-2.352-.879-.095-1.664.356-2.4.784-.69-.761-1.64-1.331-2.068-2.281 2.614-2.686 6.179-4.564 9.958-4.801"/></g>
</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 e-commerce collection.
Related JSX icons
FAQ
Is the Home Depot 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.