Иконка Tumblr

et:tumblr

Иконка Tumblr (et:tumblr) — бесплатная SVG-иконка из набора Elegant от Kenny Sing. Она нарисована на сетке 32 × 32. Elegant icons выпущены под лицензией GPL 3.0, которая разрешает использование в личных и коммерческих проектах; изменённые версии файлов иконок должны сохранять ту же лицензию. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Elegant
Автор: Kenny Sing
Лицензия: GPL-3.0-or-later
Размер: 32 × 32

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M16-.034C7.158-.034-.034 7.158-.034 16S7.158 32.034 16 32.034S32.034 24.842 32.034 16S24.842-.034 16-.034m0 31C7.748 30.966 1.034 24.252 1.034 16S7.748 1.034 16 1.034S30.966 7.748 30.966 16S24.252 30.966 16 30.966"/><path d="M20.498 12H17V8.499c.033-.295-.206-.534-.501-.534H13.92c-.27 0-.497.2-.53.469c-.095.763-.266 1.389-.507 1.863a3.9 3.9 0 0 1-.95 1.209c-.321.273-.873.542-1.595.775a.47.47 0 0 0-.338.509v2.709a.45.45 0 0 0 .502.501L12 17v4.668c-.034-.301.037-.097.176.231l.059.142c.005.013.512 1.273 1.122 1.799c.45.386.995.686 1.62.892a5.5 5.5 0 0 0 1.891.302c.682 0 1.327-.069 1.92-.207a9.5 9.5 0 0 0 1.938-.677a.46.46 0 0 0 .274-.483v-2.405c.032-.196-.075-.377-.248-.471s-.383-.084-.548.024c-.705.463-1.083.546-1.796.546c-.332 0-.62-.068-.881-.211c-.105-.191-.257-.778-.315-1.009a6 6 0 0 0-.126-.443c-.055-.146-.055-.668-.054-1.272L17.033 16h3.465a.45.45 0 0 0 .502-.501v-3a.447.447 0 0 0-.502-.499m-.534 3h-3.465a.443.443 0 0 0-.499.499l-.002 2.924c-.036.853-.036 1.322.087 1.65c.023.061.053.184.092.334c.254.989.414 1.434.743 1.627c.438.262.938.395 1.488.395c.573 0 1.033-.05 1.556-.269v1.16a8.4 8.4 0 0 1-1.42.465a7.4 7.4 0 0 1-1.677.18a4.4 4.4 0 0 1-1.558-.249a3.7 3.7 0 0 1-1.257-.688c-.272-.234-.654-.954-.825-1.383l-.066-.161c-.095-.225-.127-.301-.161-.816v-5.169c.034-.295-.205-.534-.5-.534h-1.464v-1.794c.688-.251 1.221-.537 1.589-.852a4.9 4.9 0 0 0 1.211-1.538q.365-.72.545-1.748h1.584v3.466c0 .295.239.534.534.501h3.465z"/></g></svg>

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

React

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

<Icon icon="et:tumblr" width="24" />

Vue

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

<template>
  <Icon icon="et:tumblr" width="24" />
</template>

Svelte

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

<Icon icon="et:tumblr" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[et--tumblr]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/et -->
<div class="i-et:tumblr"></div>

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

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

<iconify-icon icon="et:tumblr"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/et/tumblr.svg" alt="Иконка Tumblr" width="24" height="24">

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

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

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

Да. Elegant icons выпущены под лицензией GPL 3.0, которая разрешает использование в личных и коммерческих проектах; изменённые версии файлов иконок должны сохранять ту же лицензию.

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

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

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

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

Все Иконки Elegant →