betagouv/service-national-universel

import React from "react";
import styled from "styled-components";

export default function SendIcon({ ...props }) {
  return (
    <SendContainer {...props}>
      <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path
          d="M18.9363 11.0728C19.1354 10.9731 19.3027 10.8199 19.4197 10.6304C19.5367 10.441 19.5986 10.2227 19.5986 10C19.5986 9.77737 19.5367 9.5591 19.4197 9.36964C19.3027 9.18018 19.1354 9.027 18.9363 8.92723L2.13631 0.527232C1.92801 0.423005 1.69387 0.381654 1.46247 0.408223C1.23106 0.434793 1.01239 0.528135 0.833126 0.676862C0.653866 0.825589 0.521765 1.02327 0.452936 1.2458C0.384108 1.46832 0.381527 1.70607 0.445513 1.93003L2.16031 7.93003C2.23204 8.1808 2.38352 8.40138 2.59182 8.55836C2.80011 8.71534 3.05389 8.80018 3.31471 8.80003L8.79991 8.80003C9.11817 8.80003 9.4234 8.92646 9.64844 9.15151C9.87348 9.37655 9.99991 9.68177 9.99991 10C9.99991 10.3183 9.87348 10.6235 9.64844 10.8486C9.4234 11.0736 9.11817 11.2 8.79991 11.2L3.31471 11.2C3.05389 11.1999 2.80011 11.2847 2.59182 11.4417C2.38352 11.5987 2.23204 11.8193 2.16031 12.07L0.446712 18.07C0.3826 18.2939 0.385024 18.5316 0.453691 18.7542C0.522355 18.9767 0.654294 19.1745 0.833417 19.3233C1.01254 19.4722 1.2311 19.5657 1.46245 19.5924C1.6938 19.6192 1.92794 19.5781 2.13631 19.474L18.9363 11.074L18.9363 11.0728Z"
          fill="#5245CC"
        />
      </svg>
    </SendContainer>
  );
}

const SendContainer = styled.div`
  svg {
    height: 17px;
  }
  svg path {
    fill: ${({ color }) => `${color}`};
  }
`;