right to bracket icon

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

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

The same icon in other sets

right-to-bracketFont Awesome Solid

Related icons in Font Awesome 6 Solid

right-from-bracketright-leftright-long

Use the right to bracket icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m217.9 105.9l122.8 122.8c7.2 7.2 11.3 17.1 11.3 27.3s-4.1 20.1-11.3 27.3L217.9 406.1c-6.4 6.4-15 9.9-24 9.9c-18.7 0-33.9-15.2-33.9-33.9V320H32c-17.7 0-32-14.3-32-32v-64c0-17.7 14.3-32 32-32h128v-62.1c0-18.7 15.2-33.9 33.9-33.9c9 0 17.6 3.6 24 9.9M352 416h64c17.7 0 32-14.3 32-32V128c0-17.7-14.3-32-32-32h-64c-17.7 0-32-14.3-32-32s14.3-32 32-32h64c53 0 96 43 96 96v256c0 53-43 96-96 96h-64c-17.7 0-32-14.3-32-32s14.3-32 32-32"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidRightToBracket(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="m217.9 105.9l122.8 122.8c7.2 7.2 11.3 17.1 11.3 27.3s-4.1 20.1-11.3 27.3L217.9 406.1c-6.4 6.4-15 9.9-24 9.9c-18.7 0-33.9-15.2-33.9-33.9V320H32c-17.7 0-32-14.3-32-32v-64c0-17.7 14.3-32 32-32h128v-62.1c0-18.7 15.2-33.9 33.9-33.9c9 0 17.6 3.6 24 9.9M352 416h64c17.7 0 32-14.3 32-32V128c0-17.7-14.3-32-32-32h-64c-17.7 0-32-14.3-32-32s14.3-32 32-32h64c53 0 96 43 96 96v256c0 53-43 96-96 96h-64c-17.7 0-32-14.3-32-32s14.3-32 32-32"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m217.9 105.9l122.8 122.8c7.2 7.2 11.3 17.1 11.3 27.3s-4.1 20.1-11.3 27.3L217.9 406.1c-6.4 6.4-15 9.9-24 9.9c-18.7 0-33.9-15.2-33.9-33.9V320H32c-17.7 0-32-14.3-32-32v-64c0-17.7 14.3-32 32-32h128v-62.1c0-18.7 15.2-33.9 33.9-33.9c9 0 17.6 3.6 24 9.9M352 416h64c17.7 0 32-14.3 32-32V128c0-17.7-14.3-32-32-32h-64c-17.7 0-32-14.3-32-32s14.3-32 32-32h64c53 0 96 43 96 96v256c0 53-43 96-96 96h-64c-17.7 0-32-14.3-32-32s14.3-32 32-32"/></svg>
</template>

CSS

.icon-right-to-bracket {
  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%22m217.9%20105.9l122.8%20122.8c7.2%207.2%2011.3%2017.1%2011.3%2027.3s-4.1%2020.1-11.3%2027.3L217.9%20406.1c-6.4%206.4-15%209.9-24%209.9c-18.7%200-33.9-15.2-33.9-33.9V320H32c-17.7%200-32-14.3-32-32v-64c0-17.7%2014.3-32%2032-32h128v-62.1c0-18.7%2015.2-33.9%2033.9-33.9c9%200%2017.6%203.6%2024%209.9M352%20416h64c17.7%200%2032-14.3%2032-32V128c0-17.7-14.3-32-32-32h-64c-17.7%200-32-14.3-32-32s14.3-32%2032-32h64c53%200%2096%2043%2096%2096v256c0%2053-43%2096-96%2096h-64c-17.7%200-32-14.3-32-32s14.3-32%2032-32%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%22m217.9%20105.9l122.8%20122.8c7.2%207.2%2011.3%2017.1%2011.3%2027.3s-4.1%2020.1-11.3%2027.3L217.9%20406.1c-6.4%206.4-15%209.9-24%209.9c-18.7%200-33.9-15.2-33.9-33.9V320H32c-17.7%200-32-14.3-32-32v-64c0-17.7%2014.3-32%2032-32h128v-62.1c0-18.7%2015.2-33.9%2033.9-33.9c9%200%2017.6%203.6%2024%209.9M352%20416h64c17.7%200%2032-14.3%2032-32V128c0-17.7-14.3-32-32-32h-64c-17.7%200-32-14.3-32-32s14.3-32%2032-32h64c53%200%2096%2043%2096%2096v256c0%2053-43%2096-96%2096h-64c-17.7%200-32-14.3-32-32s14.3-32%2032-32%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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