toyota logo

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

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

Use the toyota logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 3.848C5.223 3.848 0 7.298 0 12s5.224 8.152 12 8.152S24 16.702 24 12s-5.223-8.152-12-8.152m7.334 3.839c0 1.08-1.725 1.913-4.488 2.246c-.26-2.58-1.005-4.279-1.963-4.913c2.948.184 6.45 1.227 6.45 2.667zM12 16.401c-.96 0-1.746-1.5-1.808-4.389q.866.071 1.808.072q.942 0 1.807-.072c-.061 2.89-.847 4.389-1.807 4.389m0-6.308q-.886 0-1.69-.054c.261-1.728.92-3.15 1.69-3.15s1.428 1.422 1.689 3.15q-.803.053-1.689.054m-.882-5.075c-.956.633-1.706 2.333-1.964 4.915C6.391 9.6 4.665 8.767 4.665 7.687c0-1.44 3.504-2.49 6.453-2.669M2.037 11.68a5.27 5.27 0 0 1 1.048-3.164c.27 1.547 2.522 2.881 5.972 3.37V12c0 3.772.879 6.203 2.087 6.97c-5.107-.321-9.107-3.48-9.107-7.29m10.823 7.29c1.207-.767 2.087-3.198 2.087-6.97v-.115c3.447-.488 5.704-1.826 5.972-3.37a5.26 5.26 0 0 1 1.049 3.165c-.004 3.81-4.008 6.969-9.109 7.29z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsToyota(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 3.848C5.223 3.848 0 7.298 0 12s5.224 8.152 12 8.152S24 16.702 24 12s-5.223-8.152-12-8.152m7.334 3.839c0 1.08-1.725 1.913-4.488 2.246c-.26-2.58-1.005-4.279-1.963-4.913c2.948.184 6.45 1.227 6.45 2.667zM12 16.401c-.96 0-1.746-1.5-1.808-4.389q.866.071 1.808.072q.942 0 1.807-.072c-.061 2.89-.847 4.389-1.807 4.389m0-6.308q-.886 0-1.69-.054c.261-1.728.92-3.15 1.69-3.15s1.428 1.422 1.689 3.15q-.803.053-1.689.054m-.882-5.075c-.956.633-1.706 2.333-1.964 4.915C6.391 9.6 4.665 8.767 4.665 7.687c0-1.44 3.504-2.49 6.453-2.669M2.037 11.68a5.27 5.27 0 0 1 1.048-3.164c.27 1.547 2.522 2.881 5.972 3.37V12c0 3.772.879 6.203 2.087 6.97c-5.107-.321-9.107-3.48-9.107-7.29m10.823 7.29c1.207-.767 2.087-3.198 2.087-6.97v-.115c3.447-.488 5.704-1.826 5.972-3.37a5.26 5.26 0 0 1 1.049 3.165c-.004 3.81-4.008 6.969-9.109 7.29z"/></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 3.848C5.223 3.848 0 7.298 0 12s5.224 8.152 12 8.152S24 16.702 24 12s-5.223-8.152-12-8.152m7.334 3.839c0 1.08-1.725 1.913-4.488 2.246c-.26-2.58-1.005-4.279-1.963-4.913c2.948.184 6.45 1.227 6.45 2.667zM12 16.401c-.96 0-1.746-1.5-1.808-4.389q.866.071 1.808.072q.942 0 1.807-.072c-.061 2.89-.847 4.389-1.807 4.389m0-6.308q-.886 0-1.69-.054c.261-1.728.92-3.15 1.69-3.15s1.428 1.422 1.689 3.15q-.803.053-1.689.054m-.882-5.075c-.956.633-1.706 2.333-1.964 4.915C6.391 9.6 4.665 8.767 4.665 7.687c0-1.44 3.504-2.49 6.453-2.669M2.037 11.68a5.27 5.27 0 0 1 1.048-3.164c.27 1.547 2.522 2.881 5.972 3.37V12c0 3.772.879 6.203 2.087 6.97c-5.107-.321-9.107-3.48-9.107-7.29m10.823 7.29c1.207-.767 2.087-3.198 2.087-6.97v-.115c3.447-.488 5.704-1.826 5.972-3.37a5.26 5.26 0 0 1 1.049 3.165c-.004 3.81-4.008 6.969-9.109 7.29z"/></svg>
</template>

CSS

.icon-toyota {
  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%203.848C5.223%203.848%200%207.298%200%2012s5.224%208.152%2012%208.152S24%2016.702%2024%2012s-5.223-8.152-12-8.152m7.334%203.839c0%201.08-1.725%201.913-4.488%202.246c-.26-2.58-1.005-4.279-1.963-4.913c2.948.184%206.45%201.227%206.45%202.667zM12%2016.401c-.96%200-1.746-1.5-1.808-4.389q.866.071%201.808.072q.942%200%201.807-.072c-.061%202.89-.847%204.389-1.807%204.389m0-6.308q-.886%200-1.69-.054c.261-1.728.92-3.15%201.69-3.15s1.428%201.422%201.689%203.15q-.803.053-1.689.054m-.882-5.075c-.956.633-1.706%202.333-1.964%204.915C6.391%209.6%204.665%208.767%204.665%207.687c0-1.44%203.504-2.49%206.453-2.669M2.037%2011.68a5.27%205.27%200%200%201%201.048-3.164c.27%201.547%202.522%202.881%205.972%203.37V12c0%203.772.879%206.203%202.087%206.97c-5.107-.321-9.107-3.48-9.107-7.29m10.823%207.29c1.207-.767%202.087-3.198%202.087-6.97v-.115c3.447-.488%205.704-1.826%205.972-3.37a5.26%205.26%200%200%201%201.049%203.165c-.004%203.81-4.008%206.969-9.109%207.29z%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%203.848C5.223%203.848%200%207.298%200%2012s5.224%208.152%2012%208.152S24%2016.702%2024%2012s-5.223-8.152-12-8.152m7.334%203.839c0%201.08-1.725%201.913-4.488%202.246c-.26-2.58-1.005-4.279-1.963-4.913c2.948.184%206.45%201.227%206.45%202.667zM12%2016.401c-.96%200-1.746-1.5-1.808-4.389q.866.071%201.808.072q.942%200%201.807-.072c-.061%202.89-.847%204.389-1.807%204.389m0-6.308q-.886%200-1.69-.054c.261-1.728.92-3.15%201.69-3.15s1.428%201.422%201.689%203.15q-.803.053-1.689.054m-.882-5.075c-.956.633-1.706%202.333-1.964%204.915C6.391%209.6%204.665%208.767%204.665%207.687c0-1.44%203.504-2.49%206.453-2.669M2.037%2011.68a5.27%205.27%200%200%201%201.048-3.164c.27%201.547%202.522%202.881%205.972%203.37V12c0%203.772.879%206.203%202.087%206.97c-5.107-.321-9.107-3.48-9.107-7.29m10.823%207.29c1.207-.767%202.087-3.198%202.087-6.97v-.115c3.447-.488%205.704-1.826%205.972-3.37a5.26%205.26%200%200%201%201.049%203.165c-.004%203.81-4.008%206.969-9.109%207.29z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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