logo tiktok icon

Related icons in IonIcons

Use the logo tiktok icon

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M412.19 118.66a109 109 0 0 1-9.45-5.5a133 133 0 0 1-24.27-20.62c-18.1-20.71-24.86-41.72-27.35-56.43h.1C349.14 23.9 350 16 350.13 16h-82.44v318.78c0 4.28 0 8.51-.18 12.69c0 .52-.05 1-.08 1.56c0 .23 0 .47-.05.71v.18a70 70 0 0 1-35.22 55.56a68.8 68.8 0 0 1-34.11 9c-38.41 0-69.54-31.32-69.54-70s31.13-70 69.54-70a68.9 68.9 0 0 1 21.41 3.39l.1-83.94a153.14 153.14 0 0 0-118 34.52a161.8 161.8 0 0 0-35.3 43.53c-3.48 6-16.61 30.11-18.2 69.24c-1 22.21 5.67 45.22 8.85 54.73v.2c2 5.6 9.75 24.71 22.38 40.82A167.5 167.5 0 0 0 115 470.66v-.2l.2.2c39.91 27.12 84.16 25.34 84.16 25.34c7.66-.31 33.32 0 62.46-13.81c32.32-15.31 50.72-38.12 50.72-38.12a158.5 158.5 0 0 0 27.64-45.93c7.46-19.61 9.95-43.13 9.95-52.53V176.49c1 .6 14.32 9.41 14.32 9.41s19.19 12.3 49.13 20.31c21.48 5.7 50.42 6.9 50.42 6.9v-81.84c-10.14 1.1-30.73-2.1-51.81-12.61"/></svg>

import type { SVGProps } from "react";

export function IonLogoTiktok(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M412.19 118.66a109 109 0 0 1-9.45-5.5a133 133 0 0 1-24.27-20.62c-18.1-20.71-24.86-41.72-27.35-56.43h.1C349.14 23.9 350 16 350.13 16h-82.44v318.78c0 4.28 0 8.51-.18 12.69c0 .52-.05 1-.08 1.56c0 .23 0 .47-.05.71v.18a70 70 0 0 1-35.22 55.56a68.8 68.8 0 0 1-34.11 9c-38.41 0-69.54-31.32-69.54-70s31.13-70 69.54-70a68.9 68.9 0 0 1 21.41 3.39l.1-83.94a153.14 153.14 0 0 0-118 34.52a161.8 161.8 0 0 0-35.3 43.53c-3.48 6-16.61 30.11-18.2 69.24c-1 22.21 5.67 45.22 8.85 54.73v.2c2 5.6 9.75 24.71 22.38 40.82A167.5 167.5 0 0 0 115 470.66v-.2l.2.2c39.91 27.12 84.16 25.34 84.16 25.34c7.66-.31 33.32 0 62.46-13.81c32.32-15.31 50.72-38.12 50.72-38.12a158.5 158.5 0 0 0 27.64-45.93c7.46-19.61 9.95-43.13 9.95-52.53V176.49c1 .6 14.32 9.41 14.32 9.41s19.19 12.3 49.13 20.31c21.48 5.7 50.42 6.9 50.42 6.9v-81.84c-10.14 1.1-30.73-2.1-51.81-12.61"/></svg>
  );
}

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M412.19 118.66a109 109 0 0 1-9.45-5.5a133 133 0 0 1-24.27-20.62c-18.1-20.71-24.86-41.72-27.35-56.43h.1C349.14 23.9 350 16 350.13 16h-82.44v318.78c0 4.28 0 8.51-.18 12.69c0 .52-.05 1-.08 1.56c0 .23 0 .47-.05.71v.18a70 70 0 0 1-35.22 55.56a68.8 68.8 0 0 1-34.11 9c-38.41 0-69.54-31.32-69.54-70s31.13-70 69.54-70a68.9 68.9 0 0 1 21.41 3.39l.1-83.94a153.14 153.14 0 0 0-118 34.52a161.8 161.8 0 0 0-35.3 43.53c-3.48 6-16.61 30.11-18.2 69.24c-1 22.21 5.67 45.22 8.85 54.73v.2c2 5.6 9.75 24.71 22.38 40.82A167.5 167.5 0 0 0 115 470.66v-.2l.2.2c39.91 27.12 84.16 25.34 84.16 25.34c7.66-.31 33.32 0 62.46-13.81c32.32-15.31 50.72-38.12 50.72-38.12a158.5 158.5 0 0 0 27.64-45.93c7.46-19.61 9.95-43.13 9.95-52.53V176.49c1 .6 14.32 9.41 14.32 9.41s19.19 12.3 49.13 20.31c21.48 5.7 50.42 6.9 50.42 6.9v-81.84c-10.14 1.1-30.73-2.1-51.81-12.61"/></svg>
</template>

.icon-logo-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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M412.19%20118.66a109%20109%200%200%201-9.45-5.5a133%20133%200%200%201-24.27-20.62c-18.1-20.71-24.86-41.72-27.35-56.43h.1C349.14%2023.9%20350%2016%20350.13%2016h-82.44v318.78c0%204.28%200%208.51-.18%2012.69c0%20.52-.05%201-.08%201.56c0%20.23%200%20.47-.05.71v.18a70%2070%200%200%201-35.22%2055.56a68.8%2068.8%200%200%201-34.11%209c-38.41%200-69.54-31.32-69.54-70s31.13-70%2069.54-70a68.9%2068.9%200%200%201%2021.41%203.39l.1-83.94a153.14%20153.14%200%200%200-118%2034.52a161.8%20161.8%200%200%200-35.3%2043.53c-3.48%206-16.61%2030.11-18.2%2069.24c-1%2022.21%205.67%2045.22%208.85%2054.73v.2c2%205.6%209.75%2024.71%2022.38%2040.82A167.5%20167.5%200%200%200%20115%20470.66v-.2l.2.2c39.91%2027.12%2084.16%2025.34%2084.16%2025.34c7.66-.31%2033.32%200%2062.46-13.81c32.32-15.31%2050.72-38.12%2050.72-38.12a158.5%20158.5%200%200%200%2027.64-45.93c7.46-19.61%209.95-43.13%209.95-52.53V176.49c1%20.6%2014.32%209.41%2014.32%209.41s19.19%2012.3%2049.13%2020.31c21.48%205.7%2050.42%206.9%2050.42%206.9v-81.84c-10.14%201.1-30.73-2.1-51.81-12.61%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M412.19%20118.66a109%20109%200%200%201-9.45-5.5a133%20133%200%200%201-24.27-20.62c-18.1-20.71-24.86-41.72-27.35-56.43h.1C349.14%2023.9%20350%2016%20350.13%2016h-82.44v318.78c0%204.28%200%208.51-.18%2012.69c0%20.52-.05%201-.08%201.56c0%20.23%200%20.47-.05.71v.18a70%2070%200%200%201-35.22%2055.56a68.8%2068.8%200%200%201-34.11%209c-38.41%200-69.54-31.32-69.54-70s31.13-70%2069.54-70a68.9%2068.9%200%200%201%2021.41%203.39l.1-83.94a153.14%20153.14%200%200%200-118%2034.52a161.8%20161.8%200%200%200-35.3%2043.53c-3.48%206-16.61%2030.11-18.2%2069.24c-1%2022.21%205.67%2045.22%208.85%2054.73v.2c2%205.6%209.75%2024.71%2022.38%2040.82A167.5%20167.5%200%200%200%20115%20470.66v-.2l.2.2c39.91%2027.12%2084.16%2025.34%2084.16%2025.34c7.66-.31%2033.32%200%2062.46-13.81c32.32-15.31%2050.72-38.12%2050.72-38.12a158.5%20158.5%200%200%200%2027.64-45.93c7.46-19.61%209.95-43.13%209.95-52.53V176.49c1%20.6%2014.32%209.41%2014.32%209.41s19.19%2012.3%2049.13%2020.31c21.48%205.7%2050.42%206.9%2050.42%206.9v-81.84c-10.14%201.1-30.73-2.1-51.81-12.61%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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