ICONYZ
日本語
Keyline Icons の Caret Left Two Tone アイコン

Caret Left Two Tone アイコン

keyline-icons:caret-left-two-tone

Caret Left Two Tone アイコン(keyline-icons:caret-left-two-tone)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Keyline Icons
作者
Keyline Icons
ライセンス
MIT
サイズ
24 × 24
タグ
caretleft、lefttwo、twotone、caretlefttwotone
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M17.6962 4.0134C17.8249 4.0327 17.9499 4.0681 18.0683 4.1189C18.601 4.3474 18.9997 4.8758 18.9999 5.528L18.9999 18.4714C18.9998 18.8339 18.8766 19.1581 18.6757 19.4138C18.5956 19.5158 18.5033 19.607 18.4013 19.6853C17.9412 20.0385 17.2881 20.1311 16.707 19.7878L5.7499 13.3171C4.7499 12.7264 4.7499 11.2731 5.7499 10.6823L16.707 4.2116C17.0297 4.021 17.3745 3.9652 17.6962 4.0134Z" stroke="none"/><path d="M6.25868 12.456L17.2159 18.9273C17.5635 19.1326 18 18.8787 18 18.4713V5.52868C18 5.12126 17.5635 4.86742 17.2159 5.0727L6.25868 11.544C5.91377 11.7477 5.91377 12.2523 6.25868 12.456Z"/></g></svg>

Caret Left Two Tone アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="keyline-icons:caret-left-two-tone" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="keyline-icons:caret-left-two-tone" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="keyline-icons:caret-left-two-tone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--caret-left-two-tone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:caret-left-two-tone"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="keyline-icons:caret-left-two-tone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/keyline-icons/caret-left-two-tone.svg" alt="Caret Left Two Tone アイコン" width="24" height="24">

Keyline Icons の関連アイコン

Caret Left Two Tone アイコン のよくある質問

Caret Left Two Tone アイコンは商用利用でも無料ですか?

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

React で Caret Left Two Tone アイコンを使うには?

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

Caret Left Two Tone アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/caret-left-two-tone.svg" alt="Caret Left Two Tone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Keyline Icons をすべて見る →