bmw logo
bmw from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- bmw
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the bmw logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12s12-5.373 12-12S18.627 0 12 0m0 .78C18.196.78 23.219 5.803 23.219 12c0 6.196-5.022 11.219-11.219 11.219S.781 18.196.781 12S5.804.78 12 .78m-.678.63q-.494.022-.992.078l-.107 2.944a10 10 0 0 1 .71-.094l.07-1.988l-.013-.137l.043.13l.664 1.489h.606l.664-1.488l.04-.131l-.01.137l.07 1.988c.232.022.473.054.71.094l-.109-2.944a15 15 0 0 0-.992-.078l-.653 1.625l-.023.12l-.023-.12zm6.696 1.824l-1.543 2.428c.195.15.452.371.617.522l1.453-.754l.092-.069l-.069.094l-.752 1.453c.163.175.398.458.53.63l2.43-1.544a16 16 0 0 0-.46-.568L18.777 6.44l-.105.092l.078-.115l.68-1.356l-.48-.48l-1.356.68l-.115.078l.091-.106l1.018-1.539c-.18-.152-.351-.291-.57-.46M5.5 3.785c-.36.037-.638.283-1.393 1.125a19 19 0 0 0-.757.914l2.074 1.967c.687-.76.966-1.042 1.508-1.613c.383-.405.6-.87.216-1.317c-.208-.242-.558-.295-.85-.175l-.028.01l.01-.026a.7.7 0 0 0-.243-.734a.72.72 0 0 0-.537-.15zm.006.615c.136-.037.277.06.308.2c.032.14-.056.272-.154.382c-.22.25-1.031 1.098-1.031 1.098l-.402-.383c.417-.51.861-.974 1.062-1.158a.55.55 0 0 1 .217-.139M12 4.883a7.114 7.114 0 0 0-7.08 6.388v.002a7.122 7.122 0 0 0 8.516 7.697a7.11 7.11 0 0 0 5.68-6.97A7.12 7.12 0 0 0 12 4.885zm-5.537.242q.072-.001.14.043c.088.059.128.16.106.26c-.026.119-.125.231-.205.318l-1.045 1.12l-.42-.4s.787-.832 1.045-1.099c.102-.106.168-.17.238-.205a.3.3 0 0 1 .14-.037zM12 5.818A6.175 6.175 0 0 1 18.182 12H12v6.182A6.175 6.175 0 0 1 5.818 12H12z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsBmw(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="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12s12-5.373 12-12S18.627 0 12 0m0 .78C18.196.78 23.219 5.803 23.219 12c0 6.196-5.022 11.219-11.219 11.219S.781 18.196.781 12S5.804.78 12 .78m-.678.63q-.494.022-.992.078l-.107 2.944a10 10 0 0 1 .71-.094l.07-1.988l-.013-.137l.043.13l.664 1.489h.606l.664-1.488l.04-.131l-.01.137l.07 1.988c.232.022.473.054.71.094l-.109-2.944a15 15 0 0 0-.992-.078l-.653 1.625l-.023.12l-.023-.12zm6.696 1.824l-1.543 2.428c.195.15.452.371.617.522l1.453-.754l.092-.069l-.069.094l-.752 1.453c.163.175.398.458.53.63l2.43-1.544a16 16 0 0 0-.46-.568L18.777 6.44l-.105.092l.078-.115l.68-1.356l-.48-.48l-1.356.68l-.115.078l.091-.106l1.018-1.539c-.18-.152-.351-.291-.57-.46M5.5 3.785c-.36.037-.638.283-1.393 1.125a19 19 0 0 0-.757.914l2.074 1.967c.687-.76.966-1.042 1.508-1.613c.383-.405.6-.87.216-1.317c-.208-.242-.558-.295-.85-.175l-.028.01l.01-.026a.7.7 0 0 0-.243-.734a.72.72 0 0 0-.537-.15zm.006.615c.136-.037.277.06.308.2c.032.14-.056.272-.154.382c-.22.25-1.031 1.098-1.031 1.098l-.402-.383c.417-.51.861-.974 1.062-1.158a.55.55 0 0 1 .217-.139M12 4.883a7.114 7.114 0 0 0-7.08 6.388v.002a7.122 7.122 0 0 0 8.516 7.697a7.11 7.11 0 0 0 5.68-6.97A7.12 7.12 0 0 0 12 4.885zm-5.537.242q.072-.001.14.043c.088.059.128.16.106.26c-.026.119-.125.231-.205.318l-1.045 1.12l-.42-.4s.787-.832 1.045-1.099c.102-.106.168-.17.238-.205a.3.3 0 0 1 .14-.037zM12 5.818A6.175 6.175 0 0 1 18.182 12H12v6.182A6.175 6.175 0 0 1 5.818 12H12z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12s12-5.373 12-12S18.627 0 12 0m0 .78C18.196.78 23.219 5.803 23.219 12c0 6.196-5.022 11.219-11.219 11.219S.781 18.196.781 12S5.804.78 12 .78m-.678.63q-.494.022-.992.078l-.107 2.944a10 10 0 0 1 .71-.094l.07-1.988l-.013-.137l.043.13l.664 1.489h.606l.664-1.488l.04-.131l-.01.137l.07 1.988c.232.022.473.054.71.094l-.109-2.944a15 15 0 0 0-.992-.078l-.653 1.625l-.023.12l-.023-.12zm6.696 1.824l-1.543 2.428c.195.15.452.371.617.522l1.453-.754l.092-.069l-.069.094l-.752 1.453c.163.175.398.458.53.63l2.43-1.544a16 16 0 0 0-.46-.568L18.777 6.44l-.105.092l.078-.115l.68-1.356l-.48-.48l-1.356.68l-.115.078l.091-.106l1.018-1.539c-.18-.152-.351-.291-.57-.46M5.5 3.785c-.36.037-.638.283-1.393 1.125a19 19 0 0 0-.757.914l2.074 1.967c.687-.76.966-1.042 1.508-1.613c.383-.405.6-.87.216-1.317c-.208-.242-.558-.295-.85-.175l-.028.01l.01-.026a.7.7 0 0 0-.243-.734a.72.72 0 0 0-.537-.15zm.006.615c.136-.037.277.06.308.2c.032.14-.056.272-.154.382c-.22.25-1.031 1.098-1.031 1.098l-.402-.383c.417-.51.861-.974 1.062-1.158a.55.55 0 0 1 .217-.139M12 4.883a7.114 7.114 0 0 0-7.08 6.388v.002a7.122 7.122 0 0 0 8.516 7.697a7.11 7.11 0 0 0 5.68-6.97A7.12 7.12 0 0 0 12 4.885zm-5.537.242q.072-.001.14.043c.088.059.128.16.106.26c-.026.119-.125.231-.205.318l-1.045 1.12l-.42-.4s.787-.832 1.045-1.099c.102-.106.168-.17.238-.205a.3.3 0 0 1 .14-.037zM12 5.818A6.175 6.175 0 0 1 18.182 12H12v6.182A6.175 6.175 0 0 1 5.818 12H12z"/></svg> </template>
CSS
.icon-bmw {
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%22M12%200C5.373%200%200%205.373%200%2012s5.373%2012%2012%2012s12-5.373%2012-12S18.627%200%2012%200m0%20.78C18.196.78%2023.219%205.803%2023.219%2012c0%206.196-5.022%2011.219-11.219%2011.219S.781%2018.196.781%2012S5.804.78%2012%20.78m-.678.63q-.494.022-.992.078l-.107%202.944a10%2010%200%200%201%20.71-.094l.07-1.988l-.013-.137l.043.13l.664%201.489h.606l.664-1.488l.04-.131l-.01.137l.07%201.988c.232.022.473.054.71.094l-.109-2.944a15%2015%200%200%200-.992-.078l-.653%201.625l-.023.12l-.023-.12zm6.696%201.824l-1.543%202.428c.195.15.452.371.617.522l1.453-.754l.092-.069l-.069.094l-.752%201.453c.163.175.398.458.53.63l2.43-1.544a16%2016%200%200%200-.46-.568L18.777%206.44l-.105.092l.078-.115l.68-1.356l-.48-.48l-1.356.68l-.115.078l.091-.106l1.018-1.539c-.18-.152-.351-.291-.57-.46M5.5%203.785c-.36.037-.638.283-1.393%201.125a19%2019%200%200%200-.757.914l2.074%201.967c.687-.76.966-1.042%201.508-1.613c.383-.405.6-.87.216-1.317c-.208-.242-.558-.295-.85-.175l-.028.01l.01-.026a.7.7%200%200%200-.243-.734a.72.72%200%200%200-.537-.15zm.006.615c.136-.037.277.06.308.2c.032.14-.056.272-.154.382c-.22.25-1.031%201.098-1.031%201.098l-.402-.383c.417-.51.861-.974%201.062-1.158a.55.55%200%200%201%20.217-.139M12%204.883a7.114%207.114%200%200%200-7.08%206.388v.002a7.122%207.122%200%200%200%208.516%207.697a7.11%207.11%200%200%200%205.68-6.97A7.12%207.12%200%200%200%2012%204.885zm-5.537.242q.072-.001.14.043c.088.059.128.16.106.26c-.026.119-.125.231-.205.318l-1.045%201.12l-.42-.4s.787-.832%201.045-1.099c.102-.106.168-.17.238-.205a.3.3%200%200%201%20.14-.037zM12%205.818A6.175%206.175%200%200%201%2018.182%2012H12v6.182A6.175%206.175%200%200%201%205.818%2012H12z%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%22M12%200C5.373%200%200%205.373%200%2012s5.373%2012%2012%2012s12-5.373%2012-12S18.627%200%2012%200m0%20.78C18.196.78%2023.219%205.803%2023.219%2012c0%206.196-5.022%2011.219-11.219%2011.219S.781%2018.196.781%2012S5.804.78%2012%20.78m-.678.63q-.494.022-.992.078l-.107%202.944a10%2010%200%200%201%20.71-.094l.07-1.988l-.013-.137l.043.13l.664%201.489h.606l.664-1.488l.04-.131l-.01.137l.07%201.988c.232.022.473.054.71.094l-.109-2.944a15%2015%200%200%200-.992-.078l-.653%201.625l-.023.12l-.023-.12zm6.696%201.824l-1.543%202.428c.195.15.452.371.617.522l1.453-.754l.092-.069l-.069.094l-.752%201.453c.163.175.398.458.53.63l2.43-1.544a16%2016%200%200%200-.46-.568L18.777%206.44l-.105.092l.078-.115l.68-1.356l-.48-.48l-1.356.68l-.115.078l.091-.106l1.018-1.539c-.18-.152-.351-.291-.57-.46M5.5%203.785c-.36.037-.638.283-1.393%201.125a19%2019%200%200%200-.757.914l2.074%201.967c.687-.76.966-1.042%201.508-1.613c.383-.405.6-.87.216-1.317c-.208-.242-.558-.295-.85-.175l-.028.01l.01-.026a.7.7%200%200%200-.243-.734a.72.72%200%200%200-.537-.15zm.006.615c.136-.037.277.06.308.2c.032.14-.056.272-.154.382c-.22.25-1.031%201.098-1.031%201.098l-.402-.383c.417-.51.861-.974%201.062-1.158a.55.55%200%200%201%20.217-.139M12%204.883a7.114%207.114%200%200%200-7.08%206.388v.002a7.122%207.122%200%200%200%208.516%207.697a7.11%207.11%200%200%200%205.68-6.97A7.12%207.12%200%200%200%2012%204.885zm-5.537.242q.072-.001.14.043c.088.059.128.16.106.26c-.026.119-.125.231-.205.318l-1.045%201.12l-.42-.4s.787-.832%201.045-1.099c.102-.106.168-.17.238-.205a.3.3%200%200%201%20.14-.037zM12%205.818A6.175%206.175%200%200%201%2018.182%2012H12v6.182A6.175%206.175%200%200%201%205.818%2012H12z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/bmw.svg?color=%231a73e8&size=48
