diamond turn right icon

diamond-turn-right from Font Awesome 6 Solid by Dave Gandy · Regular · CC-BY-4.0 Attribution required.

Name
diamond-turn-right
Set
Font Awesome 6 Solid
Style
Regular
Viewbox
512×512
License
CC BY 4.0

The same icon in other sets

diamond-turn-rightFont Awesome Solid

Use the diamond turn right icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M227.7 11.7c15.6-15.6 40.9-15.6 56.6 0l216 216c15.6 15.6 15.6 40.9 0 56.6l-216 216c-15.6 15.6-40.9 15.6-56.6 0l-216-216c-15.6-15.6-15.6-40.9 0-56.6zm87.6 137c-4.6-4.6-11.5-5.9-17.4-3.5s-9.9 8.3-9.9 14.8v56h-64c-35.3 0-64 28.7-64 64v48c0 13.3 10.7 24 24 24s24-10.7 24-24v-48c0-8.8 7.2-16 16-16h64v56c0 6.5 3.9 12.3 9.9 14.8s12.9 1.1 17.4-3.5l80-80c6.2-6.2 6.2-16.4 0-22.6z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidDiamondTurnRight(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M227.7 11.7c15.6-15.6 40.9-15.6 56.6 0l216 216c15.6 15.6 15.6 40.9 0 56.6l-216 216c-15.6 15.6-40.9 15.6-56.6 0l-216-216c-15.6-15.6-15.6-40.9 0-56.6zm87.6 137c-4.6-4.6-11.5-5.9-17.4-3.5s-9.9 8.3-9.9 14.8v56h-64c-35.3 0-64 28.7-64 64v48c0 13.3 10.7 24 24 24s24-10.7 24-24v-48c0-8.8 7.2-16 16-16h64v56c0 6.5 3.9 12.3 9.9 14.8s12.9 1.1 17.4-3.5l80-80c6.2-6.2 6.2-16.4 0-22.6z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M227.7 11.7c15.6-15.6 40.9-15.6 56.6 0l216 216c15.6 15.6 15.6 40.9 0 56.6l-216 216c-15.6 15.6-40.9 15.6-56.6 0l-216-216c-15.6-15.6-15.6-40.9 0-56.6zm87.6 137c-4.6-4.6-11.5-5.9-17.4-3.5s-9.9 8.3-9.9 14.8v56h-64c-35.3 0-64 28.7-64 64v48c0 13.3 10.7 24 24 24s24-10.7 24-24v-48c0-8.8 7.2-16 16-16h64v56c0 6.5 3.9 12.3 9.9 14.8s12.9 1.1 17.4-3.5l80-80c6.2-6.2 6.2-16.4 0-22.6z"/></svg>
</template>

CSS

.icon-diamond-turn-right {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M227.7%2011.7c15.6-15.6%2040.9-15.6%2056.6%200l216%20216c15.6%2015.6%2015.6%2040.9%200%2056.6l-216%20216c-15.6%2015.6-40.9%2015.6-56.6%200l-216-216c-15.6-15.6-15.6-40.9%200-56.6zm87.6%20137c-4.6-4.6-11.5-5.9-17.4-3.5s-9.9%208.3-9.9%2014.8v56h-64c-35.3%200-64%2028.7-64%2064v48c0%2013.3%2010.7%2024%2024%2024s24-10.7%2024-24v-48c0-8.8%207.2-16%2016-16h64v56c0%206.5%203.9%2012.3%209.9%2014.8s12.9%201.1%2017.4-3.5l80-80c6.2-6.2%206.2-16.4%200-22.6z%22%2F%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M227.7%2011.7c15.6-15.6%2040.9-15.6%2056.6%200l216%20216c15.6%2015.6%2015.6%2040.9%200%2056.6l-216%20216c-15.6%2015.6-40.9%2015.6-56.6%200l-216-216c-15.6-15.6-15.6-40.9%200-56.6zm87.6%20137c-4.6-4.6-11.5-5.9-17.4-3.5s-9.9%208.3-9.9%2014.8v56h-64c-35.3%200-64%2028.7-64%2064v48c0%2013.3%2010.7%2024%2024%2024s24-10.7%2024-24v-48c0-8.8%207.2-16%2016-16h64v56c0%206.5%203.9%2012.3%209.9%2014.8s12.9%201.1%2017.4-3.5l80-80c6.2-6.2%206.2-16.4%200-22.6z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/diamond-turn-right.svg?color=%231a73e8&size=48