import React from 'react';

const Fb = () => {
    return (
      <a href="https://www.facebook.com/thebuildingexploratory" target="_blank">
        <svg width="46px" height="45px" viewBox="0 0 46 45" version="1.1">
            <title>fb</title>
            <desc>Created with Sketch.</desc>
            <defs></defs>
            <g id="Symbols" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
                <g id="footer" transform="translate(-597.000000, -30.000000)">
                    <g>
                        <rect id="Rectangle" fill="#FFFFFF" x="0" y="0" width="1440" height="300"></rect>
                        <g id="icons" transform="translate(597.000000, 29.100000)">
                            <g id="Group-2" transform="translate(0.200000, 1.000000)">
                                <ellipse id="Oval-2" fill="#08085F" cx="22.5" cy="22.3880597" rx="22.5" ry="22.3880597"></ellipse>
                                <path d="M20.5225744,32.8547703 L20.5225744,22.6393696 L17,22.6393696 L17,18.875801 L20.5225744,18.875801 L20.5225744,16.0936527 C20.5225744,12.7603299 22.5686347,10.9452736 25.5570551,10.9452736 C26.9885371,10.9452736 28.2188231,11.0513202 28.5773663,11.0987197 L28.5773663,14.5822358 L26.5047374,14.5831714 C24.8794676,14.5831714 24.564773,15.3516329 24.564773,16.4792949 L24.564773,18.875801 L28.3471595,18.875801 L27.8068186,22.6393696 L24.564773,22.6393696 L24.564773,32.8547703 L20.5225744,32.8547703 Z" id="White_2_" fill="#FFFFFF" fillRule="nonzero"></path>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </svg>
      </a>
    )
}

export default Fb;
