mclaren logo

mclaren from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
mclaren
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the mclaren logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.062 11.713c3.305-2.139 7.748-2.208 2.564 1.248l.082-.11c1.467-2.016-1.522-1.563-2.578-1.166zM6.967 13.236h1.399v.549H6.747c-.686 0-.987-.206-.987-.754v-.123c0-.466.274-.768.96-.768h1.646v.549H6.967a.25.25 0 0 0-.247.247v.069a.246.246 0 0 0 .247.231M9.6 11.864v1.371h.823v.549h-1.92v-1.92zm-5.198.247c.191-.154.427-.241.672-.247h.549v1.92H4.525v-.96l-1.056.96H2.468v-.96l-1.221.96H0l2.18-1.646c.206-.151.343-.274.699-.274h.686v.96zm9.312.206a.316.316 0 0 1 .343-.316h1.303v.549h-.686v1.234h-.96zm6.431-.316c.823 0 1.111.178 1.111.782v1.001h-.96v-.686a.41.41 0 0 0-.411-.411h-.411v1.097h-.96v-1.783zm-7.487 0c.631 0 .919.261.919.699v.411c0 .507-.288.672-.987.672h-1.083c-.398 0-.686-.041-.837-.178a.5.5 0 0 1-.11-.315v-.069c0-.274.165-.535.686-.535h1.234c0-.123.014-.137-.137-.137h-1.646V12zm-.179 1.166v-.069h-.754a.07.07 0 0 0 0 .138h.686a.07.07 0 0 0 .068-.069m5.02-1.166c.727 0 .878.219.878.521v.069c0 .329-.261.507-.686.507h-1.234c0 .123.123.137.274.137h1.508v.549H16.36c-.59 0-.864-.247-.864-.699v-.315c0-.521.288-.768.946-.768zm-.151.686a.07.07 0 0 0 0-.138h-.823a.07.07 0 0 0-.069.069v.069z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsMclaren(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.062 11.713c3.305-2.139 7.748-2.208 2.564 1.248l.082-.11c1.467-2.016-1.522-1.563-2.578-1.166zM6.967 13.236h1.399v.549H6.747c-.686 0-.987-.206-.987-.754v-.123c0-.466.274-.768.96-.768h1.646v.549H6.967a.25.25 0 0 0-.247.247v.069a.246.246 0 0 0 .247.231M9.6 11.864v1.371h.823v.549h-1.92v-1.92zm-5.198.247c.191-.154.427-.241.672-.247h.549v1.92H4.525v-.96l-1.056.96H2.468v-.96l-1.221.96H0l2.18-1.646c.206-.151.343-.274.699-.274h.686v.96zm9.312.206a.316.316 0 0 1 .343-.316h1.303v.549h-.686v1.234h-.96zm6.431-.316c.823 0 1.111.178 1.111.782v1.001h-.96v-.686a.41.41 0 0 0-.411-.411h-.411v1.097h-.96v-1.783zm-7.487 0c.631 0 .919.261.919.699v.411c0 .507-.288.672-.987.672h-1.083c-.398 0-.686-.041-.837-.178a.5.5 0 0 1-.11-.315v-.069c0-.274.165-.535.686-.535h1.234c0-.123.014-.137-.137-.137h-1.646V12zm-.179 1.166v-.069h-.754a.07.07 0 0 0 0 .138h.686a.07.07 0 0 0 .068-.069m5.02-1.166c.727 0 .878.219.878.521v.069c0 .329-.261.507-.686.507h-1.234c0 .123.123.137.274.137h1.508v.549H16.36c-.59 0-.864-.247-.864-.699v-.315c0-.521.288-.768.946-.768zm-.151.686a.07.07 0 0 0 0-.138h-.823a.07.07 0 0 0-.069.069v.069z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.062 11.713c3.305-2.139 7.748-2.208 2.564 1.248l.082-.11c1.467-2.016-1.522-1.563-2.578-1.166zM6.967 13.236h1.399v.549H6.747c-.686 0-.987-.206-.987-.754v-.123c0-.466.274-.768.96-.768h1.646v.549H6.967a.25.25 0 0 0-.247.247v.069a.246.246 0 0 0 .247.231M9.6 11.864v1.371h.823v.549h-1.92v-1.92zm-5.198.247c.191-.154.427-.241.672-.247h.549v1.92H4.525v-.96l-1.056.96H2.468v-.96l-1.221.96H0l2.18-1.646c.206-.151.343-.274.699-.274h.686v.96zm9.312.206a.316.316 0 0 1 .343-.316h1.303v.549h-.686v1.234h-.96zm6.431-.316c.823 0 1.111.178 1.111.782v1.001h-.96v-.686a.41.41 0 0 0-.411-.411h-.411v1.097h-.96v-1.783zm-7.487 0c.631 0 .919.261.919.699v.411c0 .507-.288.672-.987.672h-1.083c-.398 0-.686-.041-.837-.178a.5.5 0 0 1-.11-.315v-.069c0-.274.165-.535.686-.535h1.234c0-.123.014-.137-.137-.137h-1.646V12zm-.179 1.166v-.069h-.754a.07.07 0 0 0 0 .138h.686a.07.07 0 0 0 .068-.069m5.02-1.166c.727 0 .878.219.878.521v.069c0 .329-.261.507-.686.507h-1.234c0 .123.123.137.274.137h1.508v.549H16.36c-.59 0-.864-.247-.864-.699v-.315c0-.521.288-.768.946-.768zm-.151.686a.07.07 0 0 0 0-.138h-.823a.07.07 0 0 0-.069.069v.069z"/></svg>
</template>

CSS

.icon-mclaren {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.062%2011.713c3.305-2.139%207.748-2.208%202.564%201.248l.082-.11c1.467-2.016-1.522-1.563-2.578-1.166zM6.967%2013.236h1.399v.549H6.747c-.686%200-.987-.206-.987-.754v-.123c0-.466.274-.768.96-.768h1.646v.549H6.967a.25.25%200%200%200-.247.247v.069a.246.246%200%200%200%20.247.231M9.6%2011.864v1.371h.823v.549h-1.92v-1.92zm-5.198.247c.191-.154.427-.241.672-.247h.549v1.92H4.525v-.96l-1.056.96H2.468v-.96l-1.221.96H0l2.18-1.646c.206-.151.343-.274.699-.274h.686v.96zm9.312.206a.316.316%200%200%201%20.343-.316h1.303v.549h-.686v1.234h-.96zm6.431-.316c.823%200%201.111.178%201.111.782v1.001h-.96v-.686a.41.41%200%200%200-.411-.411h-.411v1.097h-.96v-1.783zm-7.487%200c.631%200%20.919.261.919.699v.411c0%20.507-.288.672-.987.672h-1.083c-.398%200-.686-.041-.837-.178a.5.5%200%200%201-.11-.315v-.069c0-.274.165-.535.686-.535h1.234c0-.123.014-.137-.137-.137h-1.646V12zm-.179%201.166v-.069h-.754a.07.07%200%200%200%200%20.138h.686a.07.07%200%200%200%20.068-.069m5.02-1.166c.727%200%20.878.219.878.521v.069c0%20.329-.261.507-.686.507h-1.234c0%20.123.123.137.274.137h1.508v.549H16.36c-.59%200-.864-.247-.864-.699v-.315c0-.521.288-.768.946-.768zm-.151.686a.07.07%200%200%200%200-.138h-.823a.07.07%200%200%200-.069.069v.069z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.062%2011.713c3.305-2.139%207.748-2.208%202.564%201.248l.082-.11c1.467-2.016-1.522-1.563-2.578-1.166zM6.967%2013.236h1.399v.549H6.747c-.686%200-.987-.206-.987-.754v-.123c0-.466.274-.768.96-.768h1.646v.549H6.967a.25.25%200%200%200-.247.247v.069a.246.246%200%200%200%20.247.231M9.6%2011.864v1.371h.823v.549h-1.92v-1.92zm-5.198.247c.191-.154.427-.241.672-.247h.549v1.92H4.525v-.96l-1.056.96H2.468v-.96l-1.221.96H0l2.18-1.646c.206-.151.343-.274.699-.274h.686v.96zm9.312.206a.316.316%200%200%201%20.343-.316h1.303v.549h-.686v1.234h-.96zm6.431-.316c.823%200%201.111.178%201.111.782v1.001h-.96v-.686a.41.41%200%200%200-.411-.411h-.411v1.097h-.96v-1.783zm-7.487%200c.631%200%20.919.261.919.699v.411c0%20.507-.288.672-.987.672h-1.083c-.398%200-.686-.041-.837-.178a.5.5%200%200%201-.11-.315v-.069c0-.274.165-.535.686-.535h1.234c0-.123.014-.137-.137-.137h-1.646V12zm-.179%201.166v-.069h-.754a.07.07%200%200%200%200%20.138h.686a.07.07%200%200%200%20.068-.069m5.02-1.166c.727%200%20.878.219.878.521v.069c0%20.329-.261.507-.686.507h-1.234c0%20.123.123.137.274.137h1.508v.549H16.36c-.59%200-.864-.247-.864-.699v-.315c0-.521.288-.768.946-.768zm-.151.686a.07.07%200%200%200%200-.138h-.823a.07.07%200%200%200-.069.069v.069z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/mclaren.svg?color=%231a73e8&size=48