Caret Right Two Tone アイコン
keyline-icons:caret-right-two-tone
Caret Right Two Tone アイコン(keyline-icons:caret-right-two-tone)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Keyline Icons
- 作者
- Keyline Icons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- caretright、righttwo、twotone、caretrighttwotone
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="M6.8105 4.0249C6.9397 4.0507 7.0688 4.0951 7.1953 4.1587L7.293 4.2124L18.25 10.6831C18.3749 10.7568 18.4844 10.8436 18.5781 10.9409C19.2348 11.6229 19.1253 12.8009 18.25 13.3178L7.293 19.7885C6.9056 20.0173 6.4861 20.0526 6.1133 19.9458C5.989 19.9102 5.8699 19.8586 5.7588 19.7934C5.315 19.5329 5.0003 19.0514 5 18.4721L5 5.5288C5.0002 4.8267 5.4619 4.2675 6.0557 4.0717C6.1743 4.0326 6.2983 4.0079 6.4248 3.9995C6.5516 3.991 6.6812 3.999 6.8105 4.0249Z" stroke="none"/><path d="M17.7413 12.456L6.7841 18.9273C6.43652 19.1326 6 18.8787 6 18.4713L6 5.52868C6 5.12126 6.43651 4.86742 6.7841 5.0727L17.7413 11.544C18.0862 11.7477 18.0862 12.2523 17.7413 12.456Z"/></g></svg>Caret Right Two Tone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:caret-right-two-tone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:caret-right-two-tone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:caret-right-two-tone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--caret-right-two-tone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:caret-right-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-right-two-tone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/keyline-icons/caret-right-two-tone.svg" alt="Caret Right Two Tone アイコン" width="24" height="24">Keyline Icons の関連アイコン
caret-down
caret-down-duotone
caret-down-fill
caret-down-sharp
caret-down-sharp-duotone
caret-down-sharp-fill
caret-down-sharp-two-tone
caret-down-two-tone
caret-left
caret-left-duotone
caret-left-fill
caret-left-sharp
caret-left-sharp-duotone
caret-left-sharp-fill
caret-left-sharp-two-tone
caret-left-two-tone
caret-right
caret-right-duotone
caret-right-fill
caret-right-sharp
caret-right-sharp-duotone
caret-right-sharp-fill
caret-right-sharp-two-tone
caret-up
Caret Right Two Tone アイコン のよくある質問
Caret Right Two Tone アイコンは商用利用でも無料ですか?
はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Caret Right Two Tone アイコンを使うには?
@iconify/react をインストールして <Icon icon="keyline-icons:caret-right-two-tone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Caret Right Two Tone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/caret-right-two-tone.svg" alt="Caret Right Two Tone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。