mazda logo
mazda from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- mazda
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the mazda logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.999 12.876c-.036 0-.105-.046-.222-.26a7.5 7.5 0 0 0-1.975-2.353A8.3 8.3 0 0 0 7.7 9.065l-.345-.136c-1.012-.4-2.061-.813-3.035-1.377a9 9 0 0 1-.32-.19c.194-.34.42-.665.67-.962a6 6 0 0 1 1.253-1.131a7 7 0 0 1 1.618-.806c1.218-.434 2.677-.647 4.458-.649c1.783.002 3.241.215 4.459.65a7 7 0 0 1 1.619.805a6 6 0 0 1 1.253 1.13c.25.298.475.623.67.963q-.156.097-.32.192c-.976.564-2.023.977-3.037 1.376l-.345.136a8.3 8.3 0 0 0-2.1 1.198a7.5 7.5 0 0 0-1.975 2.354c-.117.213-.187.259-.224.259m0 7.072c-1.544-.002-2.798-.129-3.83-.387c-1.013-.252-1.855-.64-2.576-1.188a5.8 5.8 0 0 1-1.392-1.537a7.6 7.6 0 0 1-.81-1.768a10.3 10.3 0 0 1-.467-2.983c0-.674.047-1.313.135-1.901c1.106.596 2.153.895 3.08 1.16l.215.06c1.29.371 2.314.857 3.135 1.488c.475.368.89.793 1.23 1.264c.369.508.663 1.088.877 1.725c.096.289.2.468.403.468c.207 0 .308-.18.405-.468a6.1 6.1 0 0 1 2.107-2.988c.82-.632 1.845-1.118 3.135-1.489l.216-.06c.926-.265 1.973-.564 3.078-1.16c.09.589.136 1.227.136 1.9c0 .458-.046 1.664-.465 2.984a7.6 7.6 0 0 1-.809 1.768a5.8 5.8 0 0 1-1.396 1.537c-.723.548-1.565.936-2.574 1.188c-1.035.258-2.288.385-3.833.387m9.692-14.556c-1.909-2.05-4.99-2.99-9.692-2.995c-4.7.005-7.781.944-9.69 2.994C.89 6.913 0 9.018 0 11.874c0 1.579.39 5.6 3.564 7.676c1.9 1.242 4.354 2.046 8.435 2.052c4.083-.006 6.536-.81 8.437-2.052C23.609 17.474 24 13.452 24 11.874c0-2.848-.897-4.968-2.31-6.483Z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsMazda(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="M11.999 12.876c-.036 0-.105-.046-.222-.26a7.5 7.5 0 0 0-1.975-2.353A8.3 8.3 0 0 0 7.7 9.065l-.345-.136c-1.012-.4-2.061-.813-3.035-1.377a9 9 0 0 1-.32-.19c.194-.34.42-.665.67-.962a6 6 0 0 1 1.253-1.131a7 7 0 0 1 1.618-.806c1.218-.434 2.677-.647 4.458-.649c1.783.002 3.241.215 4.459.65a7 7 0 0 1 1.619.805a6 6 0 0 1 1.253 1.13c.25.298.475.623.67.963q-.156.097-.32.192c-.976.564-2.023.977-3.037 1.376l-.345.136a8.3 8.3 0 0 0-2.1 1.198a7.5 7.5 0 0 0-1.975 2.354c-.117.213-.187.259-.224.259m0 7.072c-1.544-.002-2.798-.129-3.83-.387c-1.013-.252-1.855-.64-2.576-1.188a5.8 5.8 0 0 1-1.392-1.537a7.6 7.6 0 0 1-.81-1.768a10.3 10.3 0 0 1-.467-2.983c0-.674.047-1.313.135-1.901c1.106.596 2.153.895 3.08 1.16l.215.06c1.29.371 2.314.857 3.135 1.488c.475.368.89.793 1.23 1.264c.369.508.663 1.088.877 1.725c.096.289.2.468.403.468c.207 0 .308-.18.405-.468a6.1 6.1 0 0 1 2.107-2.988c.82-.632 1.845-1.118 3.135-1.489l.216-.06c.926-.265 1.973-.564 3.078-1.16c.09.589.136 1.227.136 1.9c0 .458-.046 1.664-.465 2.984a7.6 7.6 0 0 1-.809 1.768a5.8 5.8 0 0 1-1.396 1.537c-.723.548-1.565.936-2.574 1.188c-1.035.258-2.288.385-3.833.387m9.692-14.556c-1.909-2.05-4.99-2.99-9.692-2.995c-4.7.005-7.781.944-9.69 2.994C.89 6.913 0 9.018 0 11.874c0 1.579.39 5.6 3.564 7.676c1.9 1.242 4.354 2.046 8.435 2.052c4.083-.006 6.536-.81 8.437-2.052C23.609 17.474 24 13.452 24 11.874c0-2.848-.897-4.968-2.31-6.483Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.999 12.876c-.036 0-.105-.046-.222-.26a7.5 7.5 0 0 0-1.975-2.353A8.3 8.3 0 0 0 7.7 9.065l-.345-.136c-1.012-.4-2.061-.813-3.035-1.377a9 9 0 0 1-.32-.19c.194-.34.42-.665.67-.962a6 6 0 0 1 1.253-1.131a7 7 0 0 1 1.618-.806c1.218-.434 2.677-.647 4.458-.649c1.783.002 3.241.215 4.459.65a7 7 0 0 1 1.619.805a6 6 0 0 1 1.253 1.13c.25.298.475.623.67.963q-.156.097-.32.192c-.976.564-2.023.977-3.037 1.376l-.345.136a8.3 8.3 0 0 0-2.1 1.198a7.5 7.5 0 0 0-1.975 2.354c-.117.213-.187.259-.224.259m0 7.072c-1.544-.002-2.798-.129-3.83-.387c-1.013-.252-1.855-.64-2.576-1.188a5.8 5.8 0 0 1-1.392-1.537a7.6 7.6 0 0 1-.81-1.768a10.3 10.3 0 0 1-.467-2.983c0-.674.047-1.313.135-1.901c1.106.596 2.153.895 3.08 1.16l.215.06c1.29.371 2.314.857 3.135 1.488c.475.368.89.793 1.23 1.264c.369.508.663 1.088.877 1.725c.096.289.2.468.403.468c.207 0 .308-.18.405-.468a6.1 6.1 0 0 1 2.107-2.988c.82-.632 1.845-1.118 3.135-1.489l.216-.06c.926-.265 1.973-.564 3.078-1.16c.09.589.136 1.227.136 1.9c0 .458-.046 1.664-.465 2.984a7.6 7.6 0 0 1-.809 1.768a5.8 5.8 0 0 1-1.396 1.537c-.723.548-1.565.936-2.574 1.188c-1.035.258-2.288.385-3.833.387m9.692-14.556c-1.909-2.05-4.99-2.99-9.692-2.995c-4.7.005-7.781.944-9.69 2.994C.89 6.913 0 9.018 0 11.874c0 1.579.39 5.6 3.564 7.676c1.9 1.242 4.354 2.046 8.435 2.052c4.083-.006 6.536-.81 8.437-2.052C23.609 17.474 24 13.452 24 11.874c0-2.848-.897-4.968-2.31-6.483Z"/></svg> </template>
CSS
.icon-mazda {
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%22M11.999%2012.876c-.036%200-.105-.046-.222-.26a7.5%207.5%200%200%200-1.975-2.353A8.3%208.3%200%200%200%207.7%209.065l-.345-.136c-1.012-.4-2.061-.813-3.035-1.377a9%209%200%200%201-.32-.19c.194-.34.42-.665.67-.962a6%206%200%200%201%201.253-1.131a7%207%200%200%201%201.618-.806c1.218-.434%202.677-.647%204.458-.649c1.783.002%203.241.215%204.459.65a7%207%200%200%201%201.619.805a6%206%200%200%201%201.253%201.13c.25.298.475.623.67.963q-.156.097-.32.192c-.976.564-2.023.977-3.037%201.376l-.345.136a8.3%208.3%200%200%200-2.1%201.198a7.5%207.5%200%200%200-1.975%202.354c-.117.213-.187.259-.224.259m0%207.072c-1.544-.002-2.798-.129-3.83-.387c-1.013-.252-1.855-.64-2.576-1.188a5.8%205.8%200%200%201-1.392-1.537a7.6%207.6%200%200%201-.81-1.768a10.3%2010.3%200%200%201-.467-2.983c0-.674.047-1.313.135-1.901c1.106.596%202.153.895%203.08%201.16l.215.06c1.29.371%202.314.857%203.135%201.488c.475.368.89.793%201.23%201.264c.369.508.663%201.088.877%201.725c.096.289.2.468.403.468c.207%200%20.308-.18.405-.468a6.1%206.1%200%200%201%202.107-2.988c.82-.632%201.845-1.118%203.135-1.489l.216-.06c.926-.265%201.973-.564%203.078-1.16c.09.589.136%201.227.136%201.9c0%20.458-.046%201.664-.465%202.984a7.6%207.6%200%200%201-.809%201.768a5.8%205.8%200%200%201-1.396%201.537c-.723.548-1.565.936-2.574%201.188c-1.035.258-2.288.385-3.833.387m9.692-14.556c-1.909-2.05-4.99-2.99-9.692-2.995c-4.7.005-7.781.944-9.69%202.994C.89%206.913%200%209.018%200%2011.874c0%201.579.39%205.6%203.564%207.676c1.9%201.242%204.354%202.046%208.435%202.052c4.083-.006%206.536-.81%208.437-2.052C23.609%2017.474%2024%2013.452%2024%2011.874c0-2.848-.897-4.968-2.31-6.483Z%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%22M11.999%2012.876c-.036%200-.105-.046-.222-.26a7.5%207.5%200%200%200-1.975-2.353A8.3%208.3%200%200%200%207.7%209.065l-.345-.136c-1.012-.4-2.061-.813-3.035-1.377a9%209%200%200%201-.32-.19c.194-.34.42-.665.67-.962a6%206%200%200%201%201.253-1.131a7%207%200%200%201%201.618-.806c1.218-.434%202.677-.647%204.458-.649c1.783.002%203.241.215%204.459.65a7%207%200%200%201%201.619.805a6%206%200%200%201%201.253%201.13c.25.298.475.623.67.963q-.156.097-.32.192c-.976.564-2.023.977-3.037%201.376l-.345.136a8.3%208.3%200%200%200-2.1%201.198a7.5%207.5%200%200%200-1.975%202.354c-.117.213-.187.259-.224.259m0%207.072c-1.544-.002-2.798-.129-3.83-.387c-1.013-.252-1.855-.64-2.576-1.188a5.8%205.8%200%200%201-1.392-1.537a7.6%207.6%200%200%201-.81-1.768a10.3%2010.3%200%200%201-.467-2.983c0-.674.047-1.313.135-1.901c1.106.596%202.153.895%203.08%201.16l.215.06c1.29.371%202.314.857%203.135%201.488c.475.368.89.793%201.23%201.264c.369.508.663%201.088.877%201.725c.096.289.2.468.403.468c.207%200%20.308-.18.405-.468a6.1%206.1%200%200%201%202.107-2.988c.82-.632%201.845-1.118%203.135-1.489l.216-.06c.926-.265%201.973-.564%203.078-1.16c.09.589.136%201.227.136%201.9c0%20.458-.046%201.664-.465%202.984a7.6%207.6%200%200%201-.809%201.768a5.8%205.8%200%200%201-1.396%201.537c-.723.548-1.565.936-2.574%201.188c-1.035.258-2.288.385-3.833.387m9.692-14.556c-1.909-2.05-4.99-2.99-9.692-2.995c-4.7.005-7.781.944-9.69%202.994C.89%206.913%200%209.018%200%2011.874c0%201.579.39%205.6%203.564%207.676c1.9%201.242%204.354%202.046%208.435%202.052c4.083-.006%206.536-.81%208.437-2.052C23.609%2017.474%2024%2013.452%2024%2011.874c0-2.848-.897-4.968-2.31-6.483Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/mazda.svg?color=%231a73e8&size=48
