/* TikTok icon for Font Awesome via CSS mask.
 * Drop this after your Font Awesome CSS and use: <i class="fa fa-tiktok"></i>
 * Works with FA v4/v5/v6 since it doesn't touch the font files.
 */
.fa-tiktok:before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  /* Inherits color just like other FA icons */
  background-color: currentColor;
  /* Mask the TikTok SVG so it behaves like a single-color glyph */
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyODU5IDMzMzMnPgo8cGF0aCBkPSdNMjA4MSAwYzU1IDQ3MyAzMTkgNzU1IDc3OCA3ODV2NTMyYy0yNjYgMjYtNDk5LTYxLTc3MC0yMjV2OTk1YzAgMTI2NC0xMzc4IDE2NTktMTkzMiA3NTMtMzU2LTU4My0xMzgtMTYwNiAxMDA0LTE2NDd2NTYxYy04NyAxNC0xODAgMzYtMjY1IDY1LTI1NCA4Ni0zOTggMjQ3LTM1OCA1MzEgNzcgNTQ0IDEwNzUgNzA1IDk5Mi0zNThWMWg1NTF6Jy8+Cjwvc3ZnPg==");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyODU5IDMzMzMnPgo8cGF0aCBkPSdNMjA4MSAwYzU1IDQ3MyAzMTkgNzU1IDc3OCA3ODV2NTMyYy0yNjYgMjYtNDk5LTYxLTc3MC0yMjV2OTk1YzAgMTI2NC0xMzc4IDE2NTktMTkzMiA3NTMtMzU2LTU4My0xMzgtMTYwNiAxMDA0LTE2NDd2NTYxYy04NyAxNC0xODAgMzYtMjY1IDY1LTI1NCA4Ni0zOTggMjQ3LTM1OCA1MzEgNzcgNTQ0IDEwNzUgNzA1IDk5Mi0zNThWMWg1NTF6Jy8+Cjwvc3ZnPg==");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  vertical-align: -.125em; /* Align with text baseline similar to FA */
}
/* Optional: fixed-width compatibility */
.fa-fw.fa-tiktok {
  text-align: center;
  width: 1.28571429em;
}