tik tok icon

tik-tok-filled from Ant Design Icons by HeskeyBaozi · Filled · MIT Free for personal and commercial use.

Name
tik-tok-filled
Set
Ant Design Icons
Style
Filled
Viewbox
1024×1024
License
MIT

1 other variant in Ant Design Icons

tik-tok-outlined

Use the tik tok icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" fill-rule="evenodd" d="M912 224.962C912 162.575 861.425 112 799.038 112H224.962C162.575 112 112 162.575 112 224.962v574.076C112 861.426 162.575 912 224.962 912h574.076C861.425 912 912 861.426 912 799.038zM774.759 460.916c-51.615.577-99.71-15.027-141.938-43.927v202.874c0 90.166-61.72 167.62-148.996 187.848c-119.068 27.165-219.864-58.954-232.577-161.835c-13.294-102.884 52.322-193.051 152.892-213.281c19.651-4.045 49.209-4.045 64.458-.577v108.661c-4.692-1.153-9.086-2.31-13.709-2.888c-39.304-6.937-77.371 12.715-92.977 48.55c-15.605 35.838-5.16 77.451 26.629 101.73c26.586 20.806 56.085 23.694 86.14 9.822c30.057-13.291 46.21-37.567 49.676-70.512c.578-4.622.546-9.826.546-15.028V222.206c0-10.981.086-10.502 11.068-10.502h86.12c6.36 0 8.673.915 9.25 8.433c4.621 67.047 55.526 124.147 120.838 132.818c6.937 1.155 14.369 1.613 22.58 2.19z"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignTikTokFilled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" fillRule="evenodd" d="M912 224.962C912 162.575 861.425 112 799.038 112H224.962C162.575 112 112 162.575 112 224.962v574.076C112 861.426 162.575 912 224.962 912h574.076C861.425 912 912 861.426 912 799.038zM774.759 460.916c-51.615.577-99.71-15.027-141.938-43.927v202.874c0 90.166-61.72 167.62-148.996 187.848c-119.068 27.165-219.864-58.954-232.577-161.835c-13.294-102.884 52.322-193.051 152.892-213.281c19.651-4.045 49.209-4.045 64.458-.577v108.661c-4.692-1.153-9.086-2.31-13.709-2.888c-39.304-6.937-77.371 12.715-92.977 48.55c-15.605 35.838-5.16 77.451 26.629 101.73c26.586 20.806 56.085 23.694 86.14 9.822c30.057-13.291 46.21-37.567 49.676-70.512c.578-4.622.546-9.826.546-15.028V222.206c0-10.981.086-10.502 11.068-10.502h86.12c6.36 0 8.673.915 9.25 8.433c4.621 67.047 55.526 124.147 120.838 132.818c6.937 1.155 14.369 1.613 22.58 2.19z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" fill-rule="evenodd" d="M912 224.962C912 162.575 861.425 112 799.038 112H224.962C162.575 112 112 162.575 112 224.962v574.076C112 861.426 162.575 912 224.962 912h574.076C861.425 912 912 861.426 912 799.038zM774.759 460.916c-51.615.577-99.71-15.027-141.938-43.927v202.874c0 90.166-61.72 167.62-148.996 187.848c-119.068 27.165-219.864-58.954-232.577-161.835c-13.294-102.884 52.322-193.051 152.892-213.281c19.651-4.045 49.209-4.045 64.458-.577v108.661c-4.692-1.153-9.086-2.31-13.709-2.888c-39.304-6.937-77.371 12.715-92.977 48.55c-15.605 35.838-5.16 77.451 26.629 101.73c26.586 20.806 56.085 23.694 86.14 9.822c30.057-13.291 46.21-37.567 49.676-70.512c.578-4.622.546-9.826.546-15.028V222.206c0-10.981.086-10.502 11.068-10.502h86.12c6.36 0 8.673.915 9.25 8.433c4.621 67.047 55.526 124.147 120.838 132.818c6.937 1.155 14.369 1.613 22.58 2.19z"/></svg>
</template>

CSS

.icon-tik-tok-filled {
  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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M912%20224.962C912%20162.575%20861.425%20112%20799.038%20112H224.962C162.575%20112%20112%20162.575%20112%20224.962v574.076C112%20861.426%20162.575%20912%20224.962%20912h574.076C861.425%20912%20912%20861.426%20912%20799.038zM774.759%20460.916c-51.615.577-99.71-15.027-141.938-43.927v202.874c0%2090.166-61.72%20167.62-148.996%20187.848c-119.068%2027.165-219.864-58.954-232.577-161.835c-13.294-102.884%2052.322-193.051%20152.892-213.281c19.651-4.045%2049.209-4.045%2064.458-.577v108.661c-4.692-1.153-9.086-2.31-13.709-2.888c-39.304-6.937-77.371%2012.715-92.977%2048.55c-15.605%2035.838-5.16%2077.451%2026.629%20101.73c26.586%2020.806%2056.085%2023.694%2086.14%209.822c30.057-13.291%2046.21-37.567%2049.676-70.512c.578-4.622.546-9.826.546-15.028V222.206c0-10.981.086-10.502%2011.068-10.502h86.12c6.36%200%208.673.915%209.25%208.433c4.621%2067.047%2055.526%20124.147%20120.838%20132.818c6.937%201.155%2014.369%201.613%2022.58%202.19z%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M912%20224.962C912%20162.575%20861.425%20112%20799.038%20112H224.962C162.575%20112%20112%20162.575%20112%20224.962v574.076C112%20861.426%20162.575%20912%20224.962%20912h574.076C861.425%20912%20912%20861.426%20912%20799.038zM774.759%20460.916c-51.615.577-99.71-15.027-141.938-43.927v202.874c0%2090.166-61.72%20167.62-148.996%20187.848c-119.068%2027.165-219.864-58.954-232.577-161.835c-13.294-102.884%2052.322-193.051%20152.892-213.281c19.651-4.045%2049.209-4.045%2064.458-.577v108.661c-4.692-1.153-9.086-2.31-13.709-2.888c-39.304-6.937-77.371%2012.715-92.977%2048.55c-15.605%2035.838-5.16%2077.451%2026.629%20101.73c26.586%2020.806%2056.085%2023.694%2086.14%209.822c30.057-13.291%2046.21-37.567%2049.676-70.512c.578-4.622.546-9.826.546-15.028V222.206c0-10.981.086-10.502%2011.068-10.502h86.12c6.36%200%208.673.915%209.25%208.433c4.621%2067.047%2055.526%20124.147%20120.838%20132.818c6.937%201.155%2014.369%201.613%2022.58%202.19z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/tik-tok-filled.svg?color=%231a73e8&size=48