Иконка Tiktok Dark

thesvg-color:tiktok-dark

Иконка Tiktok Dark (thesvg-color:tiktok-dark) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 352 × 399. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: theSVG Color
Автор: thesvg.org
Лицензия: MIT
Размер: 352 × 399
Теги: tiktokdark

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="352" height="399" viewBox="0 0 352 399"><path fill="#25f4ee" d="M137.17 156.98v-15.56c-5.34-.73-10.76-1.18-16.29-1.18C54.23 140.24 0 194.47 0 261.13c0 40.9 20.43 77.09 51.61 98.97c-20.12-21.6-32.46-50.53-32.46-82.31c0-65.7 52.69-119.28 118.03-120.81Z"/><path fill="#25f4ee" d="M140.02 333c29.74 0 54-23.66 55.1-53.13l.11-263.2h48.08c-1-5.41-1.55-10.97-1.55-16.67h-65.67l-.11 263.2c-1.1 29.47-25.36 53.13-55.1 53.13c-9.24 0-17.95-2.31-25.61-6.34C105.3 323.9 121.6 333 140.02 333m193.11-227V91.37c-18.34 0-35.43-5.45-49.76-14.8c12.76 14.65 30.09 25.22 49.76 29.43"/><path fill="#fe2c55" d="M283.38 76.57c-13.98-16.05-22.47-37-22.47-59.91h-17.59c4.63 25.02 19.48 46.49 40.06 59.91m-162.5 129.35c-30.44 0-55.21 24.77-55.21 55.21c0 21.2 12.03 39.62 29.6 48.86c-6.55-9.08-10.45-20.18-10.45-32.2c0-30.44 24.77-55.21 55.21-55.21c5.68 0 11.13.94 16.29 2.55v-67.05c-5.34-.73-10.76-1.18-16.29-1.18c-.96 0-1.9.05-2.85.07v51.49c-5.16-1.61-10.61-2.55-16.29-2.55Z"/><path fill="#fe2c55" d="M333.13 106v51.04c-34.05 0-65.61-10.89-91.37-29.38v133.47c0 66.66-54.23 120.88-120.88 120.88c-25.76 0-49.64-8.12-69.28-21.91c22.08 23.71 53.54 38.57 88.42 38.57c66.66 0 120.88-54.23 120.88-120.88V144.33c25.76 18.49 57.32 29.38 91.37 29.38v-65.68c-6.57 0-12.97-.71-19.14-2.03"/><path fill="#fff" d="M241.76 261.13V127.66c25.76 18.49 57.32 29.38 91.37 29.38V106c-19.67-4.21-37-14.77-49.76-29.43c-20.58-13.42-35.43-34.88-40.06-59.91h-48.08l-.11 263.2c-1.1 29.47-25.36 53.13-55.1 53.13c-18.42 0-34.72-9.1-44.75-23.01c-17.57-9.25-29.6-27.67-29.6-48.86c0-30.44 24.77-55.21 55.21-55.21c5.68 0 11.13.94 16.29 2.55v-51.49C71.83 158.5 19.14 212.08 19.14 277.78c0 31.78 12.34 60.71 32.46 82.31C71.23 373.87 95.12 382 120.88 382c66.65 0 120.88-54.23 120.88-120.88Z"/></svg>

Как использовать иконку Tiktok Dark

React

import { Icon } from "@iconify/react";

<Icon icon="thesvg-color:tiktok-dark" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="thesvg-color:tiktok-dark" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="thesvg-color:tiktok-dark" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--tiktok-dark]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:tiktok-dark"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="thesvg-color:tiktok-dark"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/tiktok-dark.svg" alt="Иконка Tiktok Dark" width="24" height="24">

Иконка Tiktok Dark в других наборах

Вопросы и ответы: Иконка Tiktok Dark

Можно ли бесплатно использовать иконку Tiktok Dark в коммерческих проектах?

Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Tiktok Dark в React?

Установите @iconify/react и выведите <Icon icon="thesvg-color:tiktok-dark" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Tiktok Dark на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/tiktok-dark.svg" alt="Иконка Tiktok Dark">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки theSVG Color →