rotate icon

The same icon in other sets

Related icons in Font Awesome 6 Solid

Use the rotate icon

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M142.9 142.9c-17.5 17.5-30.1 38-37.8 59.8c-5.9 16.7-24.2 25.4-40.8 19.5S38.9 198 44.8 181.4c10.8-30.7 28.4-59.4 52.8-83.8c87.2-87.2 228.3-87.5 315.8-1L455 55c6.9-6.9 17.2-8.9 26.2-5.2S496 62.3 496 72v128c0 13.3-10.7 24-24 24H344c-9.7 0-18.5-5.8-22.2-14.8s-1.7-19.3 5.2-26.2l41.1-41.1c-62.6-61.5-163.1-61.2-225.3 1zM16 312c0-13.3 10.7-24 24-24h128c9.7 0 18.5 5.8 22.2 14.8s1.7 19.3-5.2 26.2l-41.1 41.1c62.6 61.5 163.1 61.2 225.3-1c17.5-17.5 30.1-38 37.8-59.8c5.9-16.7 24.2-25.4 40.8-19.5s25.4 24.2 19.5 40.8c-10.8 30.6-28.4 59.3-52.9 83.8c-87.2 87.2-228.3 87.5-315.8 1L57 457c-6.9 6.9-17.2 8.9-26.2 5.2S16 449.7 16 440V312.1z"/></svg>

import type { SVGProps } from "react";

export function Fa6SolidRotate(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="M142.9 142.9c-17.5 17.5-30.1 38-37.8 59.8c-5.9 16.7-24.2 25.4-40.8 19.5S38.9 198 44.8 181.4c10.8-30.7 28.4-59.4 52.8-83.8c87.2-87.2 228.3-87.5 315.8-1L455 55c6.9-6.9 17.2-8.9 26.2-5.2S496 62.3 496 72v128c0 13.3-10.7 24-24 24H344c-9.7 0-18.5-5.8-22.2-14.8s-1.7-19.3 5.2-26.2l41.1-41.1c-62.6-61.5-163.1-61.2-225.3 1zM16 312c0-13.3 10.7-24 24-24h128c9.7 0 18.5 5.8 22.2 14.8s1.7 19.3-5.2 26.2l-41.1 41.1c62.6 61.5 163.1 61.2 225.3-1c17.5-17.5 30.1-38 37.8-59.8c5.9-16.7 24.2-25.4 40.8-19.5s25.4 24.2 19.5 40.8c-10.8 30.6-28.4 59.3-52.9 83.8c-87.2 87.2-228.3 87.5-315.8 1L57 457c-6.9 6.9-17.2 8.9-26.2 5.2S16 449.7 16 440V312.1z"/></svg>
  );
}

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M142.9 142.9c-17.5 17.5-30.1 38-37.8 59.8c-5.9 16.7-24.2 25.4-40.8 19.5S38.9 198 44.8 181.4c10.8-30.7 28.4-59.4 52.8-83.8c87.2-87.2 228.3-87.5 315.8-1L455 55c6.9-6.9 17.2-8.9 26.2-5.2S496 62.3 496 72v128c0 13.3-10.7 24-24 24H344c-9.7 0-18.5-5.8-22.2-14.8s-1.7-19.3 5.2-26.2l41.1-41.1c-62.6-61.5-163.1-61.2-225.3 1zM16 312c0-13.3 10.7-24 24-24h128c9.7 0 18.5 5.8 22.2 14.8s1.7 19.3-5.2 26.2l-41.1 41.1c62.6 61.5 163.1 61.2 225.3-1c17.5-17.5 30.1-38 37.8-59.8c5.9-16.7 24.2-25.4 40.8-19.5s25.4 24.2 19.5 40.8c-10.8 30.6-28.4 59.3-52.9 83.8c-87.2 87.2-228.3 87.5-315.8 1L57 457c-6.9 6.9-17.2 8.9-26.2 5.2S16 449.7 16 440V312.1z"/></svg>
</template>

.icon-rotate {
  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%22M142.9%20142.9c-17.5%2017.5-30.1%2038-37.8%2059.8c-5.9%2016.7-24.2%2025.4-40.8%2019.5S38.9%20198%2044.8%20181.4c10.8-30.7%2028.4-59.4%2052.8-83.8c87.2-87.2%20228.3-87.5%20315.8-1L455%2055c6.9-6.9%2017.2-8.9%2026.2-5.2S496%2062.3%20496%2072v128c0%2013.3-10.7%2024-24%2024H344c-9.7%200-18.5-5.8-22.2-14.8s-1.7-19.3%205.2-26.2l41.1-41.1c-62.6-61.5-163.1-61.2-225.3%201zM16%20312c0-13.3%2010.7-24%2024-24h128c9.7%200%2018.5%205.8%2022.2%2014.8s1.7%2019.3-5.2%2026.2l-41.1%2041.1c62.6%2061.5%20163.1%2061.2%20225.3-1c17.5-17.5%2030.1-38%2037.8-59.8c5.9-16.7%2024.2-25.4%2040.8-19.5s25.4%2024.2%2019.5%2040.8c-10.8%2030.6-28.4%2059.3-52.9%2083.8c-87.2%2087.2-228.3%2087.5-315.8%201L57%20457c-6.9%206.9-17.2%208.9-26.2%205.2S16%20449.7%2016%20440V312.1z%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%22M142.9%20142.9c-17.5%2017.5-30.1%2038-37.8%2059.8c-5.9%2016.7-24.2%2025.4-40.8%2019.5S38.9%20198%2044.8%20181.4c10.8-30.7%2028.4-59.4%2052.8-83.8c87.2-87.2%20228.3-87.5%20315.8-1L455%2055c6.9-6.9%2017.2-8.9%2026.2-5.2S496%2062.3%20496%2072v128c0%2013.3-10.7%2024-24%2024H344c-9.7%200-18.5-5.8-22.2-14.8s-1.7-19.3%205.2-26.2l41.1-41.1c-62.6-61.5-163.1-61.2-225.3%201zM16%20312c0-13.3%2010.7-24%2024-24h128c9.7%200%2018.5%205.8%2022.2%2014.8s1.7%2019.3-5.2%2026.2l-41.1%2041.1c62.6%2061.5%20163.1%2061.2%20225.3-1c17.5-17.5%2030.1-38%2037.8-59.8c5.9-16.7%2024.2-25.4%2040.8-19.5s25.4%2024.2%2019.5%2040.8c-10.8%2030.6-28.4%2059.3-52.9%2083.8c-87.2%2087.2-228.3%2087.5-315.8%201L57%20457c-6.9%206.9-17.2%208.9-26.2%205.2S16%20449.7%2016%20440V312.1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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