How to use the Canada Goose icon
import { CanadaGooseLogo } from "@/assets/icons/canadagooseLogo"
export default function Example() {
return <CanadaGooseLogo width="32px" height="32px" />
}Brands icon
Canada Goose JSX Icon
Copy the Canada Goose icon as an optimized JSX SVG component for React, Next.js, dashboards, landing pages and Tailwind interfaces.
ComponentCanadaGooseLogo
FilecanadagooseLogo.jsx
CategoryBrands
Copy-ready code
Canada Goose React JSX component
// Source: https://commons.wikimedia.org/wiki/Special:PermanentLink/1235107816
// Asset license: Public domain textlogo
// Optimized, converted to monochrome currentColor JSX, and parameterized by JSXIcons.
export const CanadaGooseLogo = ({ width = "40px", height = "40px", color = "#000000", ...props }) => (
<svg {...props} width={width} height={height} viewBox="0 0 244.327 19.842" xmlns="http://www.w3.org/2000/svg" fill={color} color={color}>
<path d="M14.947 15.763a7.2 7.2 0 0 1-1.24 1.777 5.8 5.8 0 0 1-1.695 1.249c-.638.319-1.359.475-2.142.475-.985 0-1.833-.137-2.539-.42q-1.066-.423-1.742-1.477c-.446-.702-.77-1.65-.985-2.845-.2-1.14-.3-2.57-.31-4.284.005-1.322.055-2.534.151-3.652.11-1.166.351-2.164.725-3.013a4.4 4.4 0 0 1 1.673-1.969Q7.949.891 9.87.889c.948 0 1.736.173 2.383.515a5.1 5.1 0 0 1 1.6 1.314c.433.538.78 1.125 1.058 1.764.274.643.502 1.249.698 1.828h.341V.74h-.419q-.082.37-.273.456c-.115.064-.297.1-.543.1-.233 0-.51-.055-.843-.164a29 29 0 0 0-2.466-.656A7.4 7.4 0 0 0 9.842.312c-1.126 0-2.265.237-3.432.702a10.4 10.4 0 0 0-3.173 1.985A10.5 10.5 0 0 0 .908 6.108C.306 7.316 0 8.665 0 10.156c0 1.367.269 2.644.816 3.819a10 10 0 0 0 2.17 3.063 10.1 10.1 0 0 0 3.146 2.051 9.5 9.5 0 0 0 5.319.611c.506-.101.971-.21 1.409-.319.424-.114.811-.219 1.139-.314.338-.096.606-.15.821-.15.241 0 .429.045.552.118q.177.124.314.438h.419v-5.789h-.419a8.8 8.8 0 0 1-.739 2.079M103.361 4.212a8.2 8.2 0 0 0-2.051-1.741 12.4 12.4 0 0 0-2.448-1.095 15.5 15.5 0 0 0-2.607-.564 22 22 0 0 0-2.503-.155c-.893 0-1.787.018-2.684.041-.89.032-1.787.041-2.681.041h-2.42v.701h2.42v17.331h-2.42v.701h2.42c1.003 0 1.992.009 2.981.027q1.497.027 2.986.027c.693 0 1.431-.055 2.229-.159a13.4 13.4 0 0 0 2.425-.565 12 12 0 0 0 2.352-1.09 8 8 0 0 0 2.01-1.74c.588-.702 1.058-1.532 1.413-2.499.347-.966.529-2.087.529-3.372 0-1.295-.182-2.426-.529-3.392q-.533-1.447-1.422-2.497m-2.512 7.968q-.073.97-.318 1.933a7.7 7.7 0 0 1-.721 1.846 5.5 5.5 0 0 1-1.29 1.564c-.547.456-1.208.816-1.996 1.081-.798.269-1.746.396-2.863.396-.419 0-.871-.023-1.372-.073V1.285a4 4 0 0 1 .675-.063q.41-.014.925-.014 2.243 0 3.624.643 1.376.65 2.138 1.846c.51.798.852 1.765 1.021 2.886.177 1.13.26 2.389.26 3.783 0 .565-.023 1.166-.083 1.814M151.976 12.846h2.712v.752c0 .811-.041 1.554-.105 2.238q-.117 1.025-.492 1.777a2.9 2.9 0 0 1-1.095 1.185c-.465.292-1.111.438-1.919.438q-1.468 0-2.534-.438a3.73 3.73 0 0 1-1.736-1.436c-.451-.665-.779-1.545-.985-2.63-.218-1.085-.324-2.435-.324-4.029V8.861q.001-1.471.188-2.908a7.4 7.4 0 0 1 .779-2.553 4.73 4.73 0 0 1 1.696-1.814c.733-.465 1.709-.697 2.917-.697 1.527-.013 2.753.451 3.661 1.408q1.367 1.435 2.05 4.012h.393V.739h-.446q-.132.316-.282.43c-.105.082-.288.126-.524.126q-.349 0-.849-.164a20 20 0 0 0-1.135-.328 24 24 0 0 0-1.367-.328 7.3 7.3 0 0 0-1.527-.164c-1.121 0-2.266.237-3.432.702a10.5 10.5 0 0 0-3.173 1.988c-.949.856-1.719 1.895-2.325 3.108-.602 1.208-.907 2.557-.907 4.048 0 1.367.269 2.644.816 3.819a9.9 9.9 0 0 0 2.17 3.063c.902.865 1.95 1.554 3.145 2.051 1.19.502 2.43.752 3.706.752.812 0 1.495-.086 2.069-.25.57-.164 1.076-.347 1.518-.538l1.217-.543q.568-.251 1.199-.25c.209 0 .4.055.568.146.165.101.261.256.302.465h.475v-6.025h1.714v-.949h-8.137v.948zM180.465 2.944a9.9 9.9 0 0 0-3.158-1.945c-1.182-.452-2.375-.689-3.583-.689-1.126 0-2.274.237-3.456.702A10.4 10.4 0 0 0 167.091 3c-.952.856-1.724 1.895-2.334 3.108q-.902 1.812-.902 4.048c0 1.367.265 2.644.816 3.819a10 10 0 0 0 2.166 3.063 10.2 10.2 0 0 0 3.145 2.051 9.6 9.6 0 0 0 3.743.752 9.3 9.3 0 0 0 3.746-.774 10.4 10.4 0 0 0 3.132-2.119 10.3 10.3 0 0 0 2.156-3.118 9.05 9.05 0 0 0 .803-3.752q-.002-2.262-.853-4.065a9.8 9.8 0 0 0-2.244-3.069m-1.441 10.703c-.104 1.148-.328 2.134-.684 2.968a4.4 4.4 0 0 1-1.632 1.965c-.721.474-1.723.701-2.985.701-.972 0-1.797-.132-2.494-.41-.692-.274-1.258-.757-1.7-1.458-.442-.693-.761-1.632-.966-2.809-.21-1.176-.306-2.657-.306-4.448 0-1.358.055-2.607.178-3.738.114-1.14.369-2.115.743-2.945.383-.819.93-1.458 1.65-1.919.725-.451 1.682-.684 2.895-.684q1.929.002 3.031.734a4.57 4.57 0 0 1 1.632 1.987c.359.83.578 1.801.66 2.89q.115 1.642.114 3.446a48 48 0 0 1-.136 3.72M204.022 2.944a10.1 10.1 0 0 0-3.154-1.945c-1.194-.452-2.384-.689-3.597-.689-1.121 0-2.27.237-3.451.702A10.3 10.3 0 0 0 190.643 3c-.948.856-1.727 1.895-2.334 3.108q-.907 1.812-.907 4.048c0 1.367.273 2.644.821 3.819a10 10 0 0 0 2.17 3.063 10.1 10.1 0 0 0 3.14 2.051 9.6 9.6 0 0 0 3.738.752 9.3 9.3 0 0 0 3.747-.774 10.3 10.3 0 0 0 3.136-2.119 10.2 10.2 0 0 0 2.156-3.118 9 9 0 0 0 .803-3.752q.001-2.262-.853-4.065-.858-1.798-2.238-3.069m-1.45 10.703c-.096 1.148-.323 2.134-.683 2.968q-.547 1.252-1.632 1.965c-.712.474-1.714.701-2.986.701-.957 0-1.791-.132-2.493-.41-.693-.274-1.258-.757-1.691-1.458-.446-.693-.762-1.632-.976-2.809q-.307-1.763-.306-4.448c0-1.358.055-2.607.183-3.738.114-1.14.369-2.115.748-2.945q.566-1.228 1.646-1.919c.724-.451 1.686-.684 2.889-.684q1.936.002 3.031.734a4.55 4.55 0 0 1 1.637 1.987c.36.83.574 1.801.656 2.89q.115 1.642.113 3.446a46 46 0 0 1-.136 3.72M222.734 9.736a7.1 7.1 0 0 0-1.805-1.039 30 30 0 0 0-2.079-.747c-.706-.228-1.403-.447-2.079-.657a10.6 10.6 0 0 1-1.8-.752 4.3 4.3 0 0 1-1.281-1.044c-.301-.383-.46-.857-.479-1.432.019-.363.109-.725.287-1.074.188-.394.47-.74.839-1.059q.56-.465 1.358-.762c.538-.191 1.153-.287 1.855-.287q1.284.001 2.133.447a4.3 4.3 0 0 1 1.391 1.167c.364.483.675 1.03.911 1.622q.348.902.671 1.814h.342V.738h-.42c-.085.21-.173.355-.25.429-.082.082-.247.127-.488.127-.214 0-.442-.055-.697-.164a13.679 13.679 0 0 0-2.038-.656 6.7 6.7 0 0 0-1.526-.164c-.916 0-1.764.164-2.544.465a6.7 6.7 0 0 0-2.01 1.213 5.6 5.6 0 0 0-1.317 1.723 4.54 4.54 0 0 0-.475 2.024c0 .947.15 1.741.461 2.37a4.74 4.74 0 0 0 1.226 1.591c.506.433 1.09.779 1.737 1.053s1.317.511 2.001.712c.679.2 1.35.4 1.997.592.646.192 1.23.429 1.74.711.507.283.912.629 1.222 1.058.292.393.439.903.452 1.506a4.4 4.4 0 0 1-.205 1.093q-.217.703-.721 1.331c-.337.428-.811.775-1.413 1.066q-.891.438-2.288.438c-.256 0-.543-.005-.849-.013a3.7 3.7 0 0 1-.98-.16 5.3 5.3 0 0 1-1.08-.46q-.562-.313-1.172-.926a5.8 5.8 0 0 1-.926-1.14 8.4 8.4 0 0 1-1.021-2.314 10 10 0 0 1-.183-.831h-.396v6.062h.424q.13-.368.287-.481c.105-.082.278-.12.53-.12.177 0 .441.046.806.155.355.101.766.215 1.227.328q.704.17 1.504.328a8 8 0 0 0 1.623.159q1.627 0 2.954-.51a7.3 7.3 0 0 0 2.292-1.387 6.1 6.1 0 0 0 1.486-2.023 5.85 5.85 0 0 0 .524-2.448q0-1.314-.479-2.21a4.9 4.9 0 0 0-1.279-1.529M72.629 0h-1.048l-7.705 18.767h-2.019v.702h4.997v-.702h-2.221l2.772-6.692h6.331l2.904 6.692h-2.302v.702h8.843v-.702H80.77zm-4.951 11.373 2.813-6.879 2.967 6.879zM117.856 0h-1.039l-7.704 18.771h-2.024v.701h5.001v-.701h-2.221l2.768-6.697h6.335l1.819 4.19 1.08 2.508h-2.301v.701h8.847v-.701h-2.407zm-4.945 11.373 2.817-6.879 2.972 6.879zM29.661 0h-1.039l-7.704 18.767h-2.019v.702h4.996v-.702h-2.22l2.771-6.692h6.332l2.895 6.692h-2.297v.702h8.847v-.702h-2.416zm-4.946 11.373 2.817-6.879 2.973 6.879zM55.639.738v.702h2.448v11.825h-.055L49.272.738H43.05v.702h2.096v17.327H43.05v.702h.013v.004h5.265v-.706h-2.425V2.607h.05L57.8 19.473h1.044V1.44h2.069v-.338h.014V.738h-5.26zM243.985 13.378a9.1 9.1 0 0 1-.762 2.115 6.5 6.5 0 0 1-1.253 1.725 5.3 5.3 0 0 1-1.724 1.142q-.97.411-2.183.411h-4.312v-8.83h1.76c.61 0 1.126.104 1.536.314.414.211.761.492 1.044.853a4.5 4.5 0 0 1 .67 1.253c.164.475.309.963.433 1.473h.347v-8.52h-.347c-.123.598-.282 1.14-.469 1.619a4.3 4.3 0 0 1-.743 1.234 2.9 2.9 0 0 1-1.112.793c-.447.183-.999.274-1.646.274h-1.473V1.44h4.185c.853 0 1.582.164 2.179.482q.897.493 1.459 1.149c.383.438.674.889.889 1.35q.309.698.446 1.148h.343V.738h-15.74v.702h2.425v17.331h-2.425v.701h16.815v-6.095z"/>
</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 Canada Goose 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.