ICONYZ
日本語
theSVG Color の Lexus アイコン

Lexus アイコン

thesvg-color:lexus

Lexus アイコン(thesvg-color:lexus)は、theSVG Color セットの無料 SVG アイコンです(作者: thesvg.org)。 602 × 132 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
theSVG Color
作者
thesvg.org
ライセンス
MIT
サイズ
602 × 132
SVG をダウンロード

SVG コード

<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>

Lexus アイコンの使い方

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 コンポーネント

<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 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/lexus.svg" alt="Lexus アイコン" width="24" height="24">

他のアイコンセットの Lexus アイコン

Lexus アイコン のよくある質問

Lexus アイコンは商用利用でも無料ですか?

はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Lexus アイコンを使うには?

@iconify/react をインストールして <Icon icon="thesvg-color:lexus" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Lexus アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/lexus.svg" alt="Lexus アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

theSVG Color アイコン をすべて見る →