BASIC-LIBRARY / ATOM / BUTTON

Facebook Button

Preview

Code

Quick edit

@import url("/template/basic-library/atom/button/facebook-button/raw/styles.css");

<button
  class="min-h-[44px] py-2 px-4 flex justify-center items-center bg-[#0866ff] hover:contrast-[.9] text-white text-center text-base font-semibold rounded-lg w-max h-max"
  ><div class="fill-current mr-1 w-[25px]">
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width="1em"
      height="1em"
      viewBox="0 0 24 24"
    >
      <path
        fill="currentColor"
        d="M17 3.5a.5.5 0 0 0-.5-.5H14a4.77 4.77 0 0 0-5 4.5v2.7H6.5a.5.5 0 0 0-.5.5v2.6a.5.5 0 0 0 .5.5H9v6.7a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-6.7h2.62a.5.5 0 0 0 .49-.37l.72-2.6a.5.5 0 0 0-.48-.63H13V7.5a1 1 0 0 1 1-.9h2.5a.5.5 0 0 0 .5-.5Z"
      ></path>
    </svg>
  </div>
  <span> Sign in with Facebook </span>
</button>

Facebook Button

Don’t Lose Your Edits!