tiktok icon
tiktok from Material Line Icons by Vjacheslav Trushkin · Line · Social · MIT Free for personal and commercial use.
- Name
- tiktok
- Set
- Material Line Icons
- Style
- Line
- Category
- Social
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
tiktok-fillAkar IconstiktokBootstrap IconstiktokBoxicons BrandstiktokCoreUI BrandstiktokFont Awesome 6 BrandstiktokFont Awesome BrandstiktokHuge IconstiktokIconParktiktokIconPark OutlinetiktokIconPark SolidtiktokIconPark TwoTonetiktokIconoirtiktokSVG LogostiktokMage Iconstiktok-fillMingCute IcontiktokPixelarticonstiktokPrime Iconstiktok-fillRemix IcontiktokSimple Iconstiktok-outlineTeenyicons
More social icons from Material Line Icons
atblueskybluesky-filledbluesky-twotonebuy-me-a-coffeebuy-me-a-coffee-filledbuy-me-a-coffee-twotonediscorddiscord-twotoneemailemail-alertemail-alert-filledemail-alert-twotoneemail-alt-filledemail-alt-twotoneemail-arrow-downemail-arrow-down-filledemail-arrow-down-twotoneemail-arrow-leftemail-arrow-left-filledemail-arrow-left-twotoneemail-arrow-rightemail-arrow-right-filledemail-arrow-right-twotone
Use the tiktok icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><defs><mask id="SVGgMs3O0ng"><path fill="#fff" d="M16.6 5.82c-0.68 -0.78 -1.06 -1.78 -1.06 -2.82h-3.09v12.4c-0.02 0.67 -0.31 1.31 -0.79 1.77c-0.48 0.47 -1.13 0.73 -1.8 0.73c-1.42 0 -2.6 -1.16 -2.6 -2.6c0 -1.72 1.66 -3.01 3.37 -2.48v-3.16c-3.45 -0.46 -6.47 2.22 -6.47 5.64c0 3.33 2.76 5.7 5.69 5.7c3.14 0 5.69 -2.55 5.69 -5.7v-6.29c1.25 0.9 2.76 1.38 4.3 1.38v-3.09c0 0 -1.88 0.09 -3.24 -1.48Z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path stroke-dasharray="36" d="M11 11h-1c-2.21 0 -4.5 1.79 -4.5 4c0 2.21 1.5 4.5 4.5 4.5c2.21 0 4 -2.29 4 -4.5v-12.5"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.6s" values="72;36"/></path><path stroke-dasharray="10" stroke-dashoffset="20" d="M18 2.5v8"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.5s" dur="0.1s" to="10"/></path></g></mask></defs><path fill="currentColor" d="M0 0h24v24H0z" mask="url(#SVGgMs3O0ng)"/></svg>
React
import type { SVGProps } from "react";
export function LineMdTiktok(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><defs><mask id="SVGgMs3O0ng"><path fill="#fff" d="M16.6 5.82c-0.68 -0.78 -1.06 -1.78 -1.06 -2.82h-3.09v12.4c-0.02 0.67 -0.31 1.31 -0.79 1.77c-0.48 0.47 -1.13 0.73 -1.8 0.73c-1.42 0 -2.6 -1.16 -2.6 -2.6c0 -1.72 1.66 -3.01 3.37 -2.48v-3.16c-3.45 -0.46 -6.47 2.22 -6.47 5.64c0 3.33 2.76 5.7 5.69 5.7c3.14 0 5.69 -2.55 5.69 -5.7v-6.29c1.25 0.9 2.76 1.38 4.3 1.38v-3.09c0 0 -1.88 0.09 -3.24 -1.48Z"/><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4"><path strokeDasharray="36" d="M11 11h-1c-2.21 0 -4.5 1.79 -4.5 4c0 2.21 1.5 4.5 4.5 4.5c2.21 0 4 -2.29 4 -4.5v-12.5"><animate fill="freeze" attributeName="strokeDashoffset" dur="0.6s" values="72;36"/></path><path strokeDasharray="10" strokeDashoffset="20" d="M18 2.5v8"><animate fill="freeze" attributeName="strokeDashoffset" begin="0.5s" dur="0.1s" to="10"/></path></g></mask></defs><path fill="currentColor" d="M0 0h24v24H0z" mask="url(#SVGgMs3O0ng)"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><defs><mask id="SVGgMs3O0ng"><path fill="#fff" d="M16.6 5.82c-0.68 -0.78 -1.06 -1.78 -1.06 -2.82h-3.09v12.4c-0.02 0.67 -0.31 1.31 -0.79 1.77c-0.48 0.47 -1.13 0.73 -1.8 0.73c-1.42 0 -2.6 -1.16 -2.6 -2.6c0 -1.72 1.66 -3.01 3.37 -2.48v-3.16c-3.45 -0.46 -6.47 2.22 -6.47 5.64c0 3.33 2.76 5.7 5.69 5.7c3.14 0 5.69 -2.55 5.69 -5.7v-6.29c1.25 0.9 2.76 1.38 4.3 1.38v-3.09c0 0 -1.88 0.09 -3.24 -1.48Z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path stroke-dasharray="36" d="M11 11h-1c-2.21 0 -4.5 1.79 -4.5 4c0 2.21 1.5 4.5 4.5 4.5c2.21 0 4 -2.29 4 -4.5v-12.5"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.6s" values="72;36"/></path><path stroke-dasharray="10" stroke-dashoffset="20" d="M18 2.5v8"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.5s" dur="0.1s" to="10"/></path></g></mask></defs><path fill="currentColor" d="M0 0h24v24H0z" mask="url(#SVGgMs3O0ng)"/></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%2024%2024%22%3E%3Cdefs%3E%3Cmask%20id%3D%22SVGgMs3O0ng%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16.6%205.82c-0.68%20-0.78%20-1.06%20-1.78%20-1.06%20-2.82h-3.09v12.4c-0.02%200.67%20-0.31%201.31%20-0.79%201.77c-0.48%200.47%20-1.13%200.73%20-1.8%200.73c-1.42%200%20-2.6%20-1.16%20-2.6%20-2.6c0%20-1.72%201.66%20-3.01%203.37%20-2.48v-3.16c-3.45%20-0.46%20-6.47%202.22%20-6.47%205.64c0%203.33%202.76%205.7%205.69%205.7c3.14%200%205.69%20-2.55%205.69%20-5.7v-6.29c1.25%200.9%202.76%201.38%204.3%201.38v-3.09c0%200%20-1.88%200.09%20-3.24%20-1.48Z%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20stroke-dasharray%3D%2236%22%20d%3D%22M11%2011h-1c-2.21%200%20-4.5%201.79%20-4.5%204c0%202.21%201.5%204.5%204.5%204.5c2.21%200%204%20-2.29%204%20-4.5v-12.5%22%3E%3Canimate%20fill%3D%22freeze%22%20attributeName%3D%22stroke-dashoffset%22%20dur%3D%220.6s%22%20values%3D%2272%3B36%22%2F%3E%3C%2Fpath%3E%3Cpath%20stroke-dasharray%3D%2210%22%20stroke-dashoffset%3D%2220%22%20d%3D%22M18%202.5v8%22%3E%3Canimate%20fill%3D%22freeze%22%20attributeName%3D%22stroke-dashoffset%22%20begin%3D%220.5s%22%20dur%3D%220.1s%22%20to%3D%2210%22%2F%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%200h24v24H0z%22%20mask%3D%22url(%23SVGgMs3O0ng)%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%2024%2024%22%3E%3Cdefs%3E%3Cmask%20id%3D%22SVGgMs3O0ng%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16.6%205.82c-0.68%20-0.78%20-1.06%20-1.78%20-1.06%20-2.82h-3.09v12.4c-0.02%200.67%20-0.31%201.31%20-0.79%201.77c-0.48%200.47%20-1.13%200.73%20-1.8%200.73c-1.42%200%20-2.6%20-1.16%20-2.6%20-2.6c0%20-1.72%201.66%20-3.01%203.37%20-2.48v-3.16c-3.45%20-0.46%20-6.47%202.22%20-6.47%205.64c0%203.33%202.76%205.7%205.69%205.7c3.14%200%205.69%20-2.55%205.69%20-5.7v-6.29c1.25%200.9%202.76%201.38%204.3%201.38v-3.09c0%200%20-1.88%200.09%20-3.24%20-1.48Z%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20stroke-dasharray%3D%2236%22%20d%3D%22M11%2011h-1c-2.21%200%20-4.5%201.79%20-4.5%204c0%202.21%201.5%204.5%204.5%204.5c2.21%200%204%20-2.29%204%20-4.5v-12.5%22%3E%3Canimate%20fill%3D%22freeze%22%20attributeName%3D%22stroke-dashoffset%22%20dur%3D%220.6s%22%20values%3D%2272%3B36%22%2F%3E%3C%2Fpath%3E%3Cpath%20stroke-dasharray%3D%2210%22%20stroke-dashoffset%3D%2220%22%20d%3D%22M18%202.5v8%22%3E%3Canimate%20fill%3D%22freeze%22%20attributeName%3D%22stroke-dashoffset%22%20begin%3D%220.5s%22%20dur%3D%220.1s%22%20to%3D%2210%22%2F%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%200h24v24H0z%22%20mask%3D%22url(%23SVGgMs3O0ng)%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/line-md/tiktok.svg?color=%231a73e8&size=48
