caret up icon

caret-up-two-tone from Keyline Icons by Keyline Icons · Two Tone · MIT Free for personal and commercial use.

Name: caret-up-two-tone
Set: Keyline Icons
Style: Two Tone
Viewbox: 24×24
License: MIT

7 other variants in Keyline Icons

caret-up caret-up-duotone caret-up-fill caret-up-sharp caret-up-sharp-duotone caret-up-sharp-fill caret-up-sharp-two-tone

The same icon in other sets

All caret up icons →

caret-up-filledAnt Design Icons caret-upBootstrap Icons caret-upBoxIcons v2 caret-upCarbon caret-upFont Awesome 6 Solid caret-upFont Awesome Solid caret-up-outlineFlowbite Icons caret-up-12-filledFluent UI System Icons caret-upIonIcons caret-upLine Awesome caret-upMage Icons caret-upPhosphor caret-upPrime Icons caret-upRadix Icons caret-upTabler Icons caret-upTDesign Icons

Related icons in Keyline Icons

caret-down caret-left caret-right

Use the caret up icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>

React

import type { SVGProps } from "react";

export function KeylineIconsCaretUpTwoTone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path fill="currentColor" fillOpacity=".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>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
</template>

CSS

.icon-caret-up-two-tone {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M11.9997%205.0001C12.0555%205.0001%2012.1112%205.003%2012.1667%205.0089C12.2224%205.0149%2012.2778%205.0243%2012.3327%205.0363C12.4969%205.0722%2012.656%205.135%2012.8024%205.2247C12.8999%205.2845%2012.9919%205.356%2013.0759%205.4396C13.118%205.4815%2013.1581%205.5265%2013.196%205.5744L13.3171%205.7501L19.7878%2016.7072C19.8069%2016.7396%2019.8251%2016.772%2019.8415%2016.8048C19.9233%2016.9679%2019.9718%2017.1356%2019.9919%2017.3019C20.008%2017.4352%2020.0054%2017.5676%2019.986%2017.6964C19.9475%2017.9538%2019.8421%2018.1961%2019.6853%2018.4005C19.6069%2018.5027%2019.5159%2018.5956%2019.4138%2018.6759C19.2093%2018.8366%2018.961%2018.9474%2018.6843%2018.9855C18.615%2018.995%2018.544%2019.0001%2018.4714%2019.0001L5.528%2019.0001C4.7309%2018.9999%204.1195%2018.4043%204.0134%2017.6964C3.9941%2017.5676%203.9915%2017.4352%204.0075%2017.3019C4.0276%2017.1355%204.077%2016.9681%204.1589%2016.8048C4.1753%2016.7722%204.1926%2016.7394%204.2116%2016.7072L10.6823%205.7501L10.8034%205.5744C10.8413%205.5265%2010.8815%205.4815%2010.9235%205.4396C11.0075%205.356%2011.0995%205.2845%2011.197%205.2247C11.2946%205.1649%2011.3979%205.1171%2011.5046%205.0812C11.6646%205.0273%2011.8321%205.0001%2011.9997%205.0001Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M11.544%206.25868L5.0727%2017.2159C4.86742%2017.5635%205.12126%2018%205.52868%2018H18.4713C18.8787%2018%2019.1326%2017.5635%2018.9273%2017.2159L12.456%206.25868C12.2523%205.91377%2011.7477%205.91377%2011.544%206.25868Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M11.9997%205.0001C12.0555%205.0001%2012.1112%205.003%2012.1667%205.0089C12.2224%205.0149%2012.2778%205.0243%2012.3327%205.0363C12.4969%205.0722%2012.656%205.135%2012.8024%205.2247C12.8999%205.2845%2012.9919%205.356%2013.0759%205.4396C13.118%205.4815%2013.1581%205.5265%2013.196%205.5744L13.3171%205.7501L19.7878%2016.7072C19.8069%2016.7396%2019.8251%2016.772%2019.8415%2016.8048C19.9233%2016.9679%2019.9718%2017.1356%2019.9919%2017.3019C20.008%2017.4352%2020.0054%2017.5676%2019.986%2017.6964C19.9475%2017.9538%2019.8421%2018.1961%2019.6853%2018.4005C19.6069%2018.5027%2019.5159%2018.5956%2019.4138%2018.6759C19.2093%2018.8366%2018.961%2018.9474%2018.6843%2018.9855C18.615%2018.995%2018.544%2019.0001%2018.4714%2019.0001L5.528%2019.0001C4.7309%2018.9999%204.1195%2018.4043%204.0134%2017.6964C3.9941%2017.5676%203.9915%2017.4352%204.0075%2017.3019C4.0276%2017.1355%204.077%2016.9681%204.1589%2016.8048C4.1753%2016.7722%204.1926%2016.7394%204.2116%2016.7072L10.6823%205.7501L10.8034%205.5744C10.8413%205.5265%2010.8815%205.4815%2010.9235%205.4396C11.0075%205.356%2011.0995%205.2845%2011.197%205.2247C11.2946%205.1649%2011.3979%205.1171%2011.5046%205.0812C11.6646%205.0273%2011.8321%205.0001%2011.9997%205.0001Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M11.544%206.25868L5.0727%2017.2159C4.86742%2017.5635%205.12126%2018%205.52868%2018H18.4713C18.8787%2018%2019.1326%2017.5635%2018.9273%2017.2159L12.456%206.25868C12.2523%205.91377%2011.7477%205.91377%2011.544%206.25868Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/caret-up-two-tone.svg?color=%231a73e8&size=48