caret right icon
caret-right-two-tone from Keyline Icons by Keyline Icons · Two Tone · MIT Free for personal and commercial use.
- Name
- caret-right-two-tone
- Set
- Keyline Icons
- Style
- Two Tone
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
caret-right-filledAnt Design Iconscaret-rightBootstrap Iconscaret-rightBoxIcons v2caret-rightCarboncaret-rightElement Pluscaret-rightFont Awesome 6 Solidcaret-rightFont Awesome Solidcaret-right-outlineFlowbite Iconscaret-right-12-filledFluent UI System Iconscaret-rightLine Awesomecaret-rightMage Iconscaret-rightPhosphorcaret-rightPrime Iconscaret-rightRadix Iconscaret-rightTabler Iconscaret-rightTDesign Iconscaret-rightUnicons
Related icons in Keyline Icons
Use the caret right 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="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>
React
import type { SVGProps } from "react";
export function KeylineIconsCaretRightTwoTone(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="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>
);
}
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="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> </template>
CSS
.icon-caret-right-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%22M6.8105%204.0249C6.9397%204.0507%207.0688%204.0951%207.1953%204.1587L7.293%204.2124L18.25%2010.6831C18.3749%2010.7568%2018.4844%2010.8436%2018.5781%2010.9409C19.2348%2011.6229%2019.1253%2012.8009%2018.25%2013.3178L7.293%2019.7885C6.9056%2020.0173%206.4861%2020.0526%206.1133%2019.9458C5.989%2019.9102%205.8699%2019.8586%205.7588%2019.7934C5.315%2019.5329%205.0003%2019.0514%205%2018.4721L5%205.5288C5.0002%204.8267%205.4619%204.2675%206.0557%204.0717C6.1743%204.0326%206.2983%204.0079%206.4248%203.9995C6.5516%203.991%206.6812%203.999%206.8105%204.0249Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M17.7413%2012.456L6.7841%2018.9273C6.43652%2019.1326%206%2018.8787%206%2018.4713L6%205.52868C6%205.12126%206.43651%204.86742%206.7841%205.0727L17.7413%2011.544C18.0862%2011.7477%2018.0862%2012.2523%2017.7413%2012.456Z%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%22M6.8105%204.0249C6.9397%204.0507%207.0688%204.0951%207.1953%204.1587L7.293%204.2124L18.25%2010.6831C18.3749%2010.7568%2018.4844%2010.8436%2018.5781%2010.9409C19.2348%2011.6229%2019.1253%2012.8009%2018.25%2013.3178L7.293%2019.7885C6.9056%2020.0173%206.4861%2020.0526%206.1133%2019.9458C5.989%2019.9102%205.8699%2019.8586%205.7588%2019.7934C5.315%2019.5329%205.0003%2019.0514%205%2018.4721L5%205.5288C5.0002%204.8267%205.4619%204.2675%206.0557%204.0717C6.1743%204.0326%206.2983%204.0079%206.4248%203.9995C6.5516%203.991%206.6812%203.999%206.8105%204.0249Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M17.7413%2012.456L6.7841%2018.9273C6.43652%2019.1326%206%2018.8787%206%2018.4713L6%205.52868C6%205.12126%206.43651%204.86742%206.7841%205.0727L17.7413%2011.544C18.0862%2011.7477%2018.0862%2012.2523%2017.7413%2012.456Z%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-right-two-tone.svg?color=%231a73e8&size=48
