Иконка Tiddlywiki
selfhst:tiddlywiki
Иконка Tiddlywiki (selfhst:tiddlywiki) — бесплатная SVG-иконка из набора selfh.st/icons от selfh.st. Она нарисована на сетке 512 × 512. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- selfh.st/icons
- Автор
- selfh.st
- Лицензия
- CC-BY-4.0
- Размер
- 512 × 512
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path d="m167.7 367.8l2.9.9c3.7-1.6 11.1.9 15 2.1c-7.2-8-18.1-19.8-26-27.2c-2.6-9-1.5-18-.9-27.2l.1-.8c-3.1 7.3-7 14.5-9.1 22.2c-2.5 10.4 11 21.7 16.2 28.1zm224.1 44.1c-20.2-.6-29-.5-39.3-17.4l-8 .2c-9.3-.4-5.4-.2-11.7-.5c-10.4-.4-8.7-10.3-10.6-15.5c-2.9-17.7 3.9-35.5 3.7-53.2c-.1-6.3-9-28.6-12.2-36.5c-10 1.9-20 2.2-30.1 2.7c-23.3-.1-46.5-2.9-69.5-6.5c-4.5 18.5-17.8 44.4-6.8 63.2c13.4 19.5 22.7 24.8 37.3 26c14.5 1.2 17.8 17.6 14.3 23.4c-3.1 4-8.6 4.8-13.2 5.8l-9.3.4c-7.3-.2-13.9-2.2-20.4-5.3c-10.9-6.1-22.1-18.7-30.5-27.8c1.9 3.6 3.1 10.7 1.3 14c-4.9 7-26.3 7-36.1 2.6c-11.1-4.9-38-39.6-42.1-65.6c11-20.9 27.1-39.1 35.3-61.8c-17.7-11.3-27.2-29.7-26-50.6l.4-2.4c-17.5 3.3-8.4 2.1-27.2 3.5c-59.8-.2-112.4-40.7-82.8-103.7c1.9-3.7 3.8-7.1 7-5.5c2.6 1.3 2.2 6.5.9 12.3C-.7 189 82 189.6 132.9 175.6c5-1.4 15.1-10.7 22-13.8c11.4-5 23.7-7.1 35.9-8.6c30.5-3.5 67.1 12.6 85.6 13.1c18.6.5 45.1-4.5 61.3-3.4c11.8.5 23.4 2.7 34.7 5.7c7.4-35.9 7.9-62.3 25.3-68.4c10.2 1.6 18.1 15.6 24 23c11.9-.5 23.2 2.5 34.5 5.9c20.4-2.9 37.5-14.3 55.5-23.2c-.1.3-.4.4-.5.6c-17.7 14.3-20.2 38.5-18.1 60.9c.8 11.6-2.5 24.2-6.6 36.1c-7.6 19.4-22.3 39.8-39.3 38.8c-6.4-.2-10.2-3.8-15-7.7c-.9 7.9-4.6 14.9-8.1 21.9c-8.1 15.5-29.3 22.3-49 38.8c-19.6 16.5 6.3 75.4 12.6 86.2c6.3 10.7 23.8 14.7 17 24.4c-2.1 3.2-5.3 4.3-8.7 5.6z"/></svg>Как использовать иконку Tiddlywiki
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:tiddlywiki" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:tiddlywiki" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:tiddlywiki" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--tiddlywiki]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:tiddlywiki"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:tiddlywiki"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/selfhst/tiddlywiki.svg" alt="Иконка Tiddlywiki" width="24" height="24">Похожие иконки в наборе selfh.st/icons
Иконка Tiddlywiki в других наборах
Вопросы и ответы: Иконка Tiddlywiki
Можно ли бесплатно использовать иконку Tiddlywiki в коммерческих проектах?
Да. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Tiddlywiki в React?
Установите @iconify/react и выведите <Icon icon="selfhst:tiddlywiki" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Tiddlywiki на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/selfhst/tiddlywiki.svg" alt="Иконка Tiddlywiki">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.