tiktok logo

tiktok from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.

Name
tiktok
Set
Font Awesome Brands
Style
Brand
Viewbox
640×640
License
CC BY 4.0

The same logo in other sets

tiktok-fillAkar IconstiktokBootstrap IconstiktokBoxicons BrandstiktokCoreUI BrandstiktokFont Awesome 6 BrandstiktokHuge IconstiktokIconParktiktokIconPark OutlinetiktokIconPark SolidtiktokIconPark TwoTonetiktokIconoirtiktokMaterial Line IconstiktokSVG LogostiktokMage Iconstiktok-fillMingCute IcontiktokPixelarticonstiktokPrime Iconstiktok-fillRemix IcontiktokSimple Iconstiktok-outlineTeenyicons

Use the tiktok logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M544.5 273.9c-44 .1-87-13.6-122.8-39.2v178.7c0 33.1-10.1 65.4-29 92.6s-45.6 48-76.6 59.6s-64.8 13.5-96.9 5.3s-60.9-25.9-82.7-50.8s-35.3-56-39-88.9s2.9-66.1 18.6-95.2s40-52.7 69.6-67.7s62.9-20.5 95.7-16v89.9c-15-4.7-31.1-4.6-46 .4s-27.9 14.6-37 27.3s-14 28.1-13.9 43.9s5.2 31 14.5 43.7s22.4 22.1 37.4 26.9s31.1 4.8 46-.1s28-14.4 37.2-27.1s14.2-28.1 14.2-43.8V64h88c-.1 7.4.6 14.9 1.9 22.2c3.1 16.3 9.4 31.9 18.7 45.7s21.3 25.6 35.2 34.6c19.9 13.1 43.2 20.1 67 20.1V274z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsTiktok(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M544.5 273.9c-44 .1-87-13.6-122.8-39.2v178.7c0 33.1-10.1 65.4-29 92.6s-45.6 48-76.6 59.6s-64.8 13.5-96.9 5.3s-60.9-25.9-82.7-50.8s-35.3-56-39-88.9s2.9-66.1 18.6-95.2s40-52.7 69.6-67.7s62.9-20.5 95.7-16v89.9c-15-4.7-31.1-4.6-46 .4s-27.9 14.6-37 27.3s-14 28.1-13.9 43.9s5.2 31 14.5 43.7s22.4 22.1 37.4 26.9s31.1 4.8 46-.1s28-14.4 37.2-27.1s14.2-28.1 14.2-43.8V64h88c-.1 7.4.6 14.9 1.9 22.2c3.1 16.3 9.4 31.9 18.7 45.7s21.3 25.6 35.2 34.6c19.9 13.1 43.2 20.1 67 20.1V274z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M544.5 273.9c-44 .1-87-13.6-122.8-39.2v178.7c0 33.1-10.1 65.4-29 92.6s-45.6 48-76.6 59.6s-64.8 13.5-96.9 5.3s-60.9-25.9-82.7-50.8s-35.3-56-39-88.9s2.9-66.1 18.6-95.2s40-52.7 69.6-67.7s62.9-20.5 95.7-16v89.9c-15-4.7-31.1-4.6-46 .4s-27.9 14.6-37 27.3s-14 28.1-13.9 43.9s5.2 31 14.5 43.7s22.4 22.1 37.4 26.9s31.1 4.8 46-.1s28-14.4 37.2-27.1s14.2-28.1 14.2-43.8V64h88c-.1 7.4.6 14.9 1.9 22.2c3.1 16.3 9.4 31.9 18.7 45.7s21.3 25.6 35.2 34.6c19.9 13.1 43.2 20.1 67 20.1V274z"/></svg>
</template>

CSS

.icon-tiktok {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M544.5%20273.9c-44%20.1-87-13.6-122.8-39.2v178.7c0%2033.1-10.1%2065.4-29%2092.6s-45.6%2048-76.6%2059.6s-64.8%2013.5-96.9%205.3s-60.9-25.9-82.7-50.8s-35.3-56-39-88.9s2.9-66.1%2018.6-95.2s40-52.7%2069.6-67.7s62.9-20.5%2095.7-16v89.9c-15-4.7-31.1-4.6-46%20.4s-27.9%2014.6-37%2027.3s-14%2028.1-13.9%2043.9s5.2%2031%2014.5%2043.7s22.4%2022.1%2037.4%2026.9s31.1%204.8%2046-.1s28-14.4%2037.2-27.1s14.2-28.1%2014.2-43.8V64h88c-.1%207.4.6%2014.9%201.9%2022.2c3.1%2016.3%209.4%2031.9%2018.7%2045.7s21.3%2025.6%2035.2%2034.6c19.9%2013.1%2043.2%2020.1%2067%2020.1V274z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M544.5%20273.9c-44%20.1-87-13.6-122.8-39.2v178.7c0%2033.1-10.1%2065.4-29%2092.6s-45.6%2048-76.6%2059.6s-64.8%2013.5-96.9%205.3s-60.9-25.9-82.7-50.8s-35.3-56-39-88.9s2.9-66.1%2018.6-95.2s40-52.7%2069.6-67.7s62.9-20.5%2095.7-16v89.9c-15-4.7-31.1-4.6-46%20.4s-27.9%2014.6-37%2027.3s-14%2028.1-13.9%2043.9s5.2%2031%2014.5%2043.7s22.4%2022.1%2037.4%2026.9s31.1%204.8%2046-.1s28-14.4%2037.2-27.1s14.2-28.1%2014.2-43.8V64h88c-.1%207.4.6%2014.9%201.9%2022.2c3.1%2016.3%209.4%2031.9%2018.7%2045.7s21.3%2025.6%2035.2%2034.6c19.9%2013.1%2043.2%2020.1%2067%2020.1V274z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-brands/tiktok.svg?color=%231a73e8&size=48