Caret Up Two Tone icon

keyline-icons:caret-up-two-tone

The Caret Up Two Tone icon (keyline-icons:caret-up-two-tone) is a free SVG icon from the Keyline Icons set. It is drawn on a 24 × 24 grid. Keyline 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: Keyline Icons
Author: Keyline Icons
License: MIT
Size: 24 × 24
Tags: caretup, uptwo, twotone, caretuptwotone

Download SVG

SVG code

<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="M11.9997 5.0001C12.0555 5.0001 12.1112 5.003 12.1667 5.0089C12.2224 5.0149 12.2778 5.0243 12.3327 5.0363C12.4969 5.0722 12.656 5.135 12.8024 5.2247C12.8999 5.2845 12.9919 5.356 13.0759 5.4396C13.118 5.4815 13.1581 5.5265 13.196 5.5744L13.3171 5.7501L19.7878 16.7072C19.8069 16.7396 19.8251 16.772 19.8415 16.8048C19.9233 16.9679 19.9718 17.1356 19.9919 17.3019C20.008 17.4352 20.0054 17.5676 19.986 17.6964C19.9475 17.9538 19.8421 18.1961 19.6853 18.4005C19.6069 18.5027 19.5159 18.5956 19.4138 18.6759C19.2093 18.8366 18.961 18.9474 18.6843 18.9855C18.615 18.995 18.544 19.0001 18.4714 19.0001L5.528 19.0001C4.7309 18.9999 4.1195 18.4043 4.0134 17.6964C3.9941 17.5676 3.9915 17.4352 4.0075 17.3019C4.0276 17.1355 4.077 16.9681 4.1589 16.8048C4.1753 16.7722 4.1926 16.7394 4.2116 16.7072L10.6823 5.7501L10.8034 5.5744C10.8413 5.5265 10.8815 5.4815 10.9235 5.4396C11.0075 5.356 11.0995 5.2845 11.197 5.2247C11.2946 5.1649 11.3979 5.1171 11.5046 5.0812C11.6646 5.0273 11.8321 5.0001 11.9997 5.0001Z" stroke="none"/><path d="M11.544 6.25868L5.0727 17.2159C4.86742 17.5635 5.12126 18 5.52868 18H18.4713C18.8787 18 19.1326 17.5635 18.9273 17.2159L12.456 6.25868C12.2523 5.91377 11.7477 5.91377 11.544 6.25868Z"/></g></svg>

How to use the Caret Up Two Tone icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

<img src="https://iconyz.com/api/public/svg/keyline-icons/caret-up-two-tone.svg" alt="Caret Up Two Tone icon" width="24" height="24">

Related icons in Keyline Icons

Caret Up Two Tone icon FAQ

Is the Caret Up Two Tone icon free for commercial use?

Yes. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Caret Up Two Tone icon in React?

Install @iconify/react and render <Icon icon="keyline-icons:caret-up-two-tone" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Caret Up Two Tone icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/keyline-icons/caret-up-two-tone.svg" alt="Caret Up Two Tone icon">, or paste the SVG code inline to style it with CSS.

Browse all Keyline Icons →