Lexus icon
thesvg-color:lexus
The Lexus icon (thesvg-color:lexus) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 602 × 132 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 602 × 132
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="602" height="132" viewBox="0 0 602 132"><path fill-rule="evenodd" d="M84.704 22.97c2.061.057 1.842 1.505 1.501 2.005c-6.082 9.46-20.452 26.12-30.915 44.397c-1.733 2.961-3.023 5.14-3.023 8.39c0 4.406 2.751 9.616 8.277 11.851c3.635 1.456 5.923 1.501 9.846 1.558c29.127.9 40.803.113 66.866-.771c1.506-.004 2.905-1.018 3.408-1.63c5.04-5.255 7.944-14.7 7.944-23.034c0-18.56-13.368-35.28-34.222-43.321l-3.347 4.292c18.278 7.554 27.723 22.643 27.723 38.802c0 3.636-.617 7.157-1.733 10.52c-.827 2.346-1.846 3.693-4.808 3.737c-21.239.454-33.264.787-54.56.227c-2.747-.056-3.635-1.058-4.082-3.233c-.34-1.29-.056-2.362.832-3.98c11.295-20.01 30.972-42.88 34.835-48.305c.734-1.002.39-3.022-2.13-3.691c-7.372-2.18-15.644-3.064-24.03-3.064c-37.972.155-64.753 21.511-65.37 48.016c1.522 31.817 29.187 48.248 65.37 48.248c22.14 0 42.42-7.826 54.288-20.237l-10.963.442c-10.122 9.003-26.338 13.815-43.11 13.815c-30.571 0-55.462-15.202-55.462-42.495c0-23.474 24.886-42.595 55.461-42.595zM335.85 80.436l20.679-13.58l-31.301-23.316v5.708h-46.3c-6.041 0-11.011 4.297-11.912 9.892l53.676-.057v10.175l-41.038.057c-6.483 0-11.794 4.925-12.078 11.12zm196.625-31.358h47.464V39.073h-47.732c-17.851 0-32.437 13.64-33.167 30.745l57.538-.06c3.737 0 6.755 2.462 6.755 5.428c0 3.018-3.022 5.424-6.755 5.424l-63.348-.004V39.073h-18.789v41.261h-37.73c-5.54-.9-7.275-4.921-7.275-12.751l.004-28.51h-30.3l-27.239 17.66l-23.702-17.66h-72.906c-16.16 0-29.63 11.12-32.596 25.933h14.647c-5.526 3.749-9.778 9.064-12.127 15.332l-46.357-.004c-5.465-.9-7.258-4.921-7.258-12.751l.004-28.51H172.87V65.68c-.787 17.62 8.771 23.933 19.677 24.935l145.647-.004l26.839-17.332l23.43 17.563h28.667l-36.498-27.45l30.015-19.454l.057 21.742c-.771 17.62 9.729 23.933 20.638 24.935l136.3-.004c9.392 0 17.004-6.869 17.004-15.425c0-8.504-7.616-15.373-17.004-15.373h-47.075c.442-5.984 5.595-10.735 11.908-10.735"/></svg>How to use the Lexus icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:lexus" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:lexus" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:lexus" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--lexus]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:lexus"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:lexus"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/lexus.svg" alt="Lexus icon" width="24" height="24">Lexus icon in other icon sets
Lexus icon FAQ
Is the Lexus icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Lexus icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:lexus" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Lexus icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/lexus.svg" alt="Lexus icon">, or paste the SVG code inline to style it with CSS.