arrow up right diamond icon
arrow-up-right-diamond from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- arrow-up-right-diamond
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
Related icons in Framework7 Icons
arrow-2-circlepatharrow-2-circlepath-circlearrow-2-squarepatharrow-3-trianglepatharrow-brancharrow-clockwisearrow-clockwise-circlearrow-counterclockwisearrow-counterclockwise-circlearrow-downarrow-down-circlearrow-down-docarrow-down-leftarrow-down-left-circlearrow-down-left-squarearrow-down-rightarrow-down-right-arrow-up-leftarrow-down-right-circlearrow-down-right-squarearrow-down-squarearrow-down-to-linearrow-down-to-line-altarrow-leftarrow-left-circle
Use the arrow up right diamond icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M32.992 4.246c-2.953-2.953-7.148-2.883-10.101.07L4.305 22.902c-2.953 2.953-3.024 7.149-.07 10.102l18.773 18.75c2.953 2.953 7.125 2.906 10.101-.07l18.586-18.586c2.977-2.977 3.024-7.149.07-10.102Zm-2.437 2.86l18.374 18.328c1.5 1.5 1.5 3.585.024 5.062L30.508 48.941c-1.477 1.5-3.54 1.477-5.04-.023L7.095 30.543c-1.477-1.477-1.524-3.586-.047-5.062L25.469 7.058c1.5-1.5 3.586-1.43 5.086.046m9.023 18.656c1.43-1.149 1.43-2.532 0-3.68l-5.531-4.312c-1.195-.938-2.766-.282-2.766 1.242v3.023h-6.469c-4.57 0-6.75 2.156-6.75 6.68v6.023c0 1.336.68 2.133 1.899 2.11c1.195-.024 1.875-.774 1.875-2.11V28.9c0-2.133 1.008-3.093 3.023-3.093l6.422-.024v3.024c0 1.523 1.57 2.18 2.766 1.265Z"/></svg>
React
import type { SVGProps } from "react";
export function F7ArrowUpRightDiamond(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M32.992 4.246c-2.953-2.953-7.148-2.883-10.101.07L4.305 22.902c-2.953 2.953-3.024 7.149-.07 10.102l18.773 18.75c2.953 2.953 7.125 2.906 10.101-.07l18.586-18.586c2.977-2.977 3.024-7.149.07-10.102Zm-2.437 2.86l18.374 18.328c1.5 1.5 1.5 3.585.024 5.062L30.508 48.941c-1.477 1.5-3.54 1.477-5.04-.023L7.095 30.543c-1.477-1.477-1.524-3.586-.047-5.062L25.469 7.058c1.5-1.5 3.586-1.43 5.086.046m9.023 18.656c1.43-1.149 1.43-2.532 0-3.68l-5.531-4.312c-1.195-.938-2.766-.282-2.766 1.242v3.023h-6.469c-4.57 0-6.75 2.156-6.75 6.68v6.023c0 1.336.68 2.133 1.899 2.11c1.195-.024 1.875-.774 1.875-2.11V28.9c0-2.133 1.008-3.093 3.023-3.093l6.422-.024v3.024c0 1.523 1.57 2.18 2.766 1.265Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M32.992 4.246c-2.953-2.953-7.148-2.883-10.101.07L4.305 22.902c-2.953 2.953-3.024 7.149-.07 10.102l18.773 18.75c2.953 2.953 7.125 2.906 10.101-.07l18.586-18.586c2.977-2.977 3.024-7.149.07-10.102Zm-2.437 2.86l18.374 18.328c1.5 1.5 1.5 3.585.024 5.062L30.508 48.941c-1.477 1.5-3.54 1.477-5.04-.023L7.095 30.543c-1.477-1.477-1.524-3.586-.047-5.062L25.469 7.058c1.5-1.5 3.586-1.43 5.086.046m9.023 18.656c1.43-1.149 1.43-2.532 0-3.68l-5.531-4.312c-1.195-.938-2.766-.282-2.766 1.242v3.023h-6.469c-4.57 0-6.75 2.156-6.75 6.68v6.023c0 1.336.68 2.133 1.899 2.11c1.195-.024 1.875-.774 1.875-2.11V28.9c0-2.133 1.008-3.093 3.023-3.093l6.422-.024v3.024c0 1.523 1.57 2.18 2.766 1.265Z"/></svg> </template>
CSS
.icon-arrow-up-right-diamond {
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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M32.992%204.246c-2.953-2.953-7.148-2.883-10.101.07L4.305%2022.902c-2.953%202.953-3.024%207.149-.07%2010.102l18.773%2018.75c2.953%202.953%207.125%202.906%2010.101-.07l18.586-18.586c2.977-2.977%203.024-7.149.07-10.102Zm-2.437%202.86l18.374%2018.328c1.5%201.5%201.5%203.585.024%205.062L30.508%2048.941c-1.477%201.5-3.54%201.477-5.04-.023L7.095%2030.543c-1.477-1.477-1.524-3.586-.047-5.062L25.469%207.058c1.5-1.5%203.586-1.43%205.086.046m9.023%2018.656c1.43-1.149%201.43-2.532%200-3.68l-5.531-4.312c-1.195-.938-2.766-.282-2.766%201.242v3.023h-6.469c-4.57%200-6.75%202.156-6.75%206.68v6.023c0%201.336.68%202.133%201.899%202.11c1.195-.024%201.875-.774%201.875-2.11V28.9c0-2.133%201.008-3.093%203.023-3.093l6.422-.024v3.024c0%201.523%201.57%202.18%202.766%201.265Z%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M32.992%204.246c-2.953-2.953-7.148-2.883-10.101.07L4.305%2022.902c-2.953%202.953-3.024%207.149-.07%2010.102l18.773%2018.75c2.953%202.953%207.125%202.906%2010.101-.07l18.586-18.586c2.977-2.977%203.024-7.149.07-10.102Zm-2.437%202.86l18.374%2018.328c1.5%201.5%201.5%203.585.024%205.062L30.508%2048.941c-1.477%201.5-3.54%201.477-5.04-.023L7.095%2030.543c-1.477-1.477-1.524-3.586-.047-5.062L25.469%207.058c1.5-1.5%203.586-1.43%205.086.046m9.023%2018.656c1.43-1.149%201.43-2.532%200-3.68l-5.531-4.312c-1.195-.938-2.766-.282-2.766%201.242v3.023h-6.469c-4.57%200-6.75%202.156-6.75%206.68v6.023c0%201.336.68%202.133%201.899%202.11c1.195-.024%201.875-.774%201.875-2.11V28.9c0-2.133%201.008-3.093%203.023-3.093l6.422-.024v3.024c0%201.523%201.57%202.18%202.766%201.265Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/arrow-up-right-diamond.svg?color=%231a73e8&size=48
