How to use the Skechers icon
import { SkechersLogo } from "@/assets/icons/skechersLogo"
export default function Example() {
return <SkechersLogo width="32px" height="32px" />
}Brands icon
Copy the Skechers icon as an optimized JSX SVG component for React, Next.js, dashboards, landing pages and Tailwind interfaces.
Copy-ready code
// Source: https://commons.wikimedia.org/wiki/Special:PermanentLink/1229061698
// Asset license: Public domain textlogo
// Optimized, converted to monochrome currentColor JSX, and parameterized by JSXIcons.
export const SkechersLogo = ({ width = "40px", height = "40px", color = "#000000", ...props }) => (
<svg {...props} width={width} height={height} viewBox="0 0 445 168" xmlns="http://www.w3.org/2000/svg" fill={color} color={color}>
<path fill="currentColor" d="M86.95 146.69c2.388-5.264-.89-7.302-8.669-7.302l-13.005.011c-2.828-.007-3.424-.232-2.794-1.595l.935-2.027c.571-1.315 1.404-1.569 4.237-1.572l17.037-.007c3.518-.004 5.003.46 6.904 1.192l1.69-7.189-33.984.005c-6.482-.004-11.516 2.935-14.09 8.605l-3.655 8.091c-2.818 6.034-.794 7.83 6.492 7.832l14.945.004c2.859-.003 3.328.281 2.722 1.593l-1.139 2.485c-.594 1.346-1.332 1.568-4.175 1.572H42.697c-3.646-.002-5.086-.675-6.567-1.349l-1.823 7.371 33.067-.008c8.797-.006 12.912-3.19 15.513-8.864zm88.706 1.949c4.235-.003 6.095.519 7.849.972l3.628-7.9c-2.175.424-4.493.944-8.709.94l-13.08-.001 3.904-8.46 14.9-.009c4.311.008 6.169.492 7.923.961l1.695-6.956-41.607-.004c.279 1.43.213 2.772-1.344 6.207l-10.859 23.763c-.991 2.143-1.839 3.463-2.707 4.513-1.109-1.922-1.927-4.113-2.464-5.691l-5.846-18.104 12.134-7.111c3.46-2.054 5.359-2.666 7.945-3.577l-16.759.008c-.135.464-.237.904-.443 1.354-.552 1.211-1.445 2.089-4.349 3.925l-17.577 10.969 4.58-10.043c1.57-3.445 2.801-4.778 4.352-6.211l-21.352.014c.287 1.424.255 2.758-1.325 6.197l-10.859 23.772c-1.567 3.437-2.775 4.773-4.339 6.237l21.308.002c-.222-1.464-.22-2.811 1.335-6.243l2.505-5.43 6.032-3.687 3.724 15.349 62.077-.015 4.852-6.973c-2.091.442-4.421.957-8.675.96H158.16l4.472-9.727 13.023-.003m54.892 6.952s-5.796 1.356-13.077 1.354c0 0-7.109.019-8.581-.002-1.86-.01-2.429-.521-1.724-2.3.7-1.781 7.781-17 7.781-17 .249-.549 1.136-2.052 3.419-2.052l13.464.004c3.349-.009 6.355 1.124 6.355 1.124l2.14-8.329-.109.009.063-.224-28.852.004c-7.845 0-13.479 2.823-17.057 10.644l-6.812 14.921c-3.579 7.773-.489 10.639 7.297 10.639l29.621-.012 6.073-8.78m52.4 2.534 10.875-23.767c1.555-3.431 2.792-4.769 4.317-6.199l-21.323.01c.261 1.423.248 2.758-1.336 6.193l-3.765 8.28-13.689-.002 3.801-8.271c1.591-3.448 2.789-4.782 4.36-6.203l-21.341.012c.263 1.42.237 2.748-1.371 6.194l-10.84 23.772c-1.589 3.417-2.803 4.78-4.381 6.228l21.344-.008c-.244-1.445-.235-2.798 1.373-6.227l4.353-9.509 13.647-.007-4.341 9.513c-1.576 3.426-2.795 4.777-4.349 6.231l21.307-.003c-.255-1.449-.224-2.804 1.36-6.239m38.472.218-15.897-.003 4.429-9.721 13.068-.003c4.187-.007 6.091.512 7.823.963l3.623-7.893c-2.183.431-4.491.947-8.675.944l-13.104-.002 3.893-8.472 14.932-.003c4.312.004 6.156.496 7.913.957l1.672-6.955-41.585.01c.244 1.427.216 2.762-1.371 6.206l-10.837 23.755c-1.595 3.435-2.829 4.787-4.355 6.235l42.328-.008 4.844-6.972c-2.052.456-4.428.97-8.701.961m53.915-22.173-1.992 4.422c-.8 1.752-1.604 2.031-3.975 2.033l-10.351.003 3.929-8.47 10.309-.008c2.347-.005 2.909.261 2.079 2.02zm5.284 12.436c4.016-.204 7.593-.495 10.039-5.805l3.029-6.667c2.773-6.068-.401-7.987-8.803-7.987l-39.497.007c.703 1.433.68 2.759-.909 6.209l-10.851 23.765c-1.571 3.431-2.773 4.776-4.371 6.23l21.336-.005c-.249-1.449-.232-2.802 1.341-6.23l4.331-9.507 5.649-.009 1.507 15.743 20.496.003c-.983-1.375-1.003-3.252-1.423-5.56zm34.012-12.889c.617-1.316 1.411-1.579 4.284-1.586l17.023.005c3.541.005 4.967.467 6.893 1.193l2.364-7.204-34.684.02c-6.464-.002-11.467 2.933-14.071 8.605l-3.648 8.091c-2.805 6.039-.776 7.836 6.495 7.836l14.948-.004c2.836-.003 3.349.278 2.721 1.602l-1.139 2.481c-.591 1.344-1.309 1.571-4.211 1.575l-17.689.004c-3.576 0-5.089-.68-6.579-1.353l-1.771 7.365 33.025-.005c8.811-.005 12.935-3.202 15.547-8.877l4.048-8.839c2.411-5.263-.86-7.3-8.677-7.296l-13 .002c-2.865-.002-3.443-.218-2.805-1.59l.925-2.024m24.501 27.801h.872c.677 0 .987-.195.987-.585 0-.404-.292-.584-.908-.584h-.951zm1.064-1.749c.972 0 1.496.388 1.496 1.109 0 .351-.103.541-.425.82l.016.191.177.211c.036.041.057.117.093.249a.9.9 0 0 1 .063.297l.036.273.021.251.019.159c0 .075 0 .093.077.328h-.697c-.081-.178-.099-.216-.123-.642-.052-.815-.172-.953-.945-.953h-.855v1.576h-.739v-3.869h1.785m-3.299 1.984c0 1.711 1.401 3.109 3.128 3.109a3.12 3.12 0 0 0 3.104-3.109 3.095 3.095 0 0 0-3.104-3.112 3.11 3.11 0 0 0-3.128 3.112m6.927 0c0 2.079-1.705 3.768-3.799 3.768-2.117 0-3.824-1.689-3.824-3.768 0-2.099 1.707-3.795 3.824-3.795a3.8 3.8 0 0 1 3.799 3.795"/><path fill="currentColor" d="m220.229 38.938-3.907 7.012h-12.148c6.183 4.644 7.849 11.717 7.853 15.869.011 4.931-1.64 10.415-4.864 16.329-11.62 21.25-23.781 28.589-50.073 30.197l-.112.008c-12.405.569-31.005.569-49.979.569s-47.279-.039-53.656-.357c-12.513-.618-22.728-2.334-27.561-10.286-5.01-8.24-1.277-17.857.811-21.909 1.182-2.293 5.313-9.745 5.313-9.745h18.367c-9-5.62-13.12-17.839-6.534-30.808C51.335 20.854 59.512 10.62 79.005 6.968c11.74-2.273 38.984-2.264 50.617-2.264l61.739.223c8.456.088 25.8.407 32.008 12.912 3.831 7.716.133 15.407-3.14 21.1zm23.085-25.931C237.448 4.29 225.208.206 205.825.206c-20.008 0-66.315-.204-79.378-.204-13.593 0-42.911-.172-58.562 2.632C44.268 6.862 31.58 20.127 25.424 33.313c-4.309 9.228-7.958 24.362 1.628 33.471H10.873s-4.551 6.539-7.035 11.258c-4.802 9.13-5.997 19.888 1.711 26.745 5.66 5.031 17.021 8.76 32.638 8.76l115.056.013c42.104 0 57.588-8.969 71.888-32.045 3.976-6.414 12.317-24.361-3.68-34.975h14.904l5.211-9.152c5.965-10.4 6.628-17.131 1.749-24.38"/><path fill="currentColor" d="m86.963 72.487-.625 1.489c-3.461 8.047 6.285 7.982 13.301 8.023l36.652-.31c7.455-.258 14.245-.208 17.649-7.634 3.213-7.038-4.617-7.687-11.784-7.687 0 0-41.705.237-59.313-.916-20.779-1.17-23.768-8.859-16.315-25.154 5.909-12.904 12.888-21.761 31.747-25.289 12.701-2.465 37.331-2.6 49.861-2.6l22.992.259c13.289.129 28.2.259 31.291 10.56 1.261 5.072-1.648 11.073-3.987 16.555h-32.383c2.489-6.525-1.74-7.959-8.943-8.213-10.328-.2-29.461-.111-41.413.515-5.978.267-12.641 1.303-15.024 6.517-3.883 8.472 8.26 7.547 15.601 7.809l43.464.401c25.224 0 38.241 3.908 27.919 26.461-9.781 21.367-23.281 25.285-49.06 26.837-18.029.996-47.406 1.246-62.945.53-20.357-.937-32.742-3.13-23.676-22.937l2.388-5.216z"/>
</svg>
)
import { SkechersLogo } from "@/assets/icons/skechersLogo"
export default function Example() {
return <SkechersLogo width="32px" height="32px" />
}Built for the web
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.
Yes. You can copy the JSX component and use it in React and Next.js projects.
Yes. Edit the SVG attributes or pass className, width, height and color props depending on the component.