tiktok icon
tiktok from IconPark Solid by ByteDance · Solid · Brand · Apache-2.0 Free for personal and commercial use.
- Name
- tiktok
- Set
- IconPark Solid
- Style
- Solid
- Category
- Brand
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
tiktok-fillAkar IconstiktokBootstrap IconstiktokBoxicons BrandstiktokCoreUI BrandstiktokFont Awesome 6 BrandstiktokFont Awesome BrandstiktokHuge IconstiktokIconParktiktokIconPark OutlinetiktokIconPark TwoTonetiktokIconoirtiktokMaterial Line IconstiktokSVG LogostiktokMage Iconstiktok-fillMingCute IcontiktokPixelarticonstiktokPrime Iconstiktok-fillRemix IcontiktokSimple Iconstiktok-outlineTeenyicons
More brand icons from IconPark Solid
Use the tiktok icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" stroke="currentColor" stroke-linejoin="round" stroke-width="3.833" d="M21.358 19.14q-8.833-.426-12.28 6.298c-3.446 6.725-.598 17.729 10.9 17.729c11.5 0 11.832-11.112 11.832-12.276V17.875q3.69 2.336 6.22 2.813q2.533.476 3.22.422v-6.476q-2.342-.282-4.05-1.076c-1.709-.794-5.096-2.997-5.096-6.226q.003.024 0-2.499h-7.118q-.031 23.724 0 26.058c.031 2.334-1.78 5.6-5.45 5.6c-3.672 0-5.483-3.263-5.483-5.367c0-1.288.443-3.155 2.272-4.538c1.085-.82 2.59-1.148 5.033-1.148z"/></svg>
React
import type { SVGProps } from "react";
export function IconParkSolidTiktok(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" stroke="currentColor" strokeLinejoin="round" strokeWidth="3.833" d="M21.358 19.14q-8.833-.426-12.28 6.298c-3.446 6.725-.598 17.729 10.9 17.729c11.5 0 11.832-11.112 11.832-12.276V17.875q3.69 2.336 6.22 2.813q2.533.476 3.22.422v-6.476q-2.342-.282-4.05-1.076c-1.709-.794-5.096-2.997-5.096-6.226q.003.024 0-2.499h-7.118q-.031 23.724 0 26.058c.031 2.334-1.78 5.6-5.45 5.6c-3.672 0-5.483-3.263-5.483-5.367c0-1.288.443-3.155 2.272-4.538c1.085-.82 2.59-1.148 5.033-1.148z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" stroke="currentColor" stroke-linejoin="round" stroke-width="3.833" d="M21.358 19.14q-8.833-.426-12.28 6.298c-3.446 6.725-.598 17.729 10.9 17.729c11.5 0 11.832-11.112 11.832-12.276V17.875q3.69 2.336 6.22 2.813q2.533.476 3.22.422v-6.476q-2.342-.282-4.05-1.076c-1.709-.794-5.096-2.997-5.096-6.226q.003.024 0-2.499h-7.118q-.031 23.724 0 26.058c.031 2.334-1.78 5.6-5.45 5.6c-3.672 0-5.483-3.263-5.483-5.367c0-1.288.443-3.155 2.272-4.538c1.085-.82 2.59-1.148 5.033-1.148z"/></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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%223.833%22%20d%3D%22M21.358%2019.14q-8.833-.426-12.28%206.298c-3.446%206.725-.598%2017.729%2010.9%2017.729c11.5%200%2011.832-11.112%2011.832-12.276V17.875q3.69%202.336%206.22%202.813q2.533.476%203.22.422v-6.476q-2.342-.282-4.05-1.076c-1.709-.794-5.096-2.997-5.096-6.226q.003.024%200-2.499h-7.118q-.031%2023.724%200%2026.058c.031%202.334-1.78%205.6-5.45%205.6c-3.672%200-5.483-3.263-5.483-5.367c0-1.288.443-3.155%202.272-4.538c1.085-.82%202.59-1.148%205.033-1.148z%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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%223.833%22%20d%3D%22M21.358%2019.14q-8.833-.426-12.28%206.298c-3.446%206.725-.598%2017.729%2010.9%2017.729c11.5%200%2011.832-11.112%2011.832-12.276V17.875q3.69%202.336%206.22%202.813q2.533.476%203.22.422v-6.476q-2.342-.282-4.05-1.076c-1.709-.794-5.096-2.997-5.096-6.226q.003.024%200-2.499h-7.118q-.031%2023.724%200%2026.058c.031%202.334-1.78%205.6-5.45%205.6c-3.672%200-5.483-3.263-5.483-5.367c0-1.288.443-3.155%202.272-4.538c1.085-.82%202.59-1.148%205.033-1.148z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park-solid/tiktok.svg?color=%231a73e8&size=48
