Иконка Tuple
logos:tuple
Иконка Tuple (logos:tuple) — бесплатная SVG-иконка из набора SVG Logos от Gil Barbara. Она нарисована на сетке 512 × 191. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- SVG Logos
- Автор
- Gil Barbara
- Лицензия
- CC0-1.0
- Размер
- 512 × 191
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="191" viewBox="0 0 512 191"><path fill="#1f2e41" d="M209.623 80.368v51.562h21.731V80.368h17.225V63.803h-56.107v16.565zm49.84 23.454c0 19.46 11.256 29.354 31.15 29.354h.037c19.056 0 31.26-9.052 31.26-29.537V63.803h-21.727v39.066c0 8.942-1.91 13.34-9.528 13.34c-7.738 0-9.644-4.398-9.644-13.23V63.803h-21.548zm104.701-40.02c19.643 0 28.035 8.796 28.035 23.345v.367c0 14.219-9.455 22.208-27.082 22.208h-6.597v22.208h-21.512V63.803zm-1.026 16.126h-4.58v15.318h4.47c5.717 0 8.685-2.565 8.685-7.622v-.367c0-5.24-2.931-7.33-8.575-7.33m40.275 52.002V63.803h21.622v51.453h24.816v16.674zm58.636-68.127v68.127h49.95v-16.564h-28.401V105.14h21.328V90.006h-21.328v-9.638h26.862V63.803z"/><path fill="#bfc6f1" d="m29.318 65.965l87.953-29.318v153.919l-87.953-29.318z"/><path fill="#4652af" d="M0 29.318L87.953 0v153.919L0 124.601z"/></svg>Как использовать иконку Tuple
React
import { Icon } from "@iconify/react";
<Icon icon="logos:tuple" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:tuple" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:tuple" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--tuple]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:tuple"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:tuple"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/logos/tuple.svg" alt="Иконка Tuple" width="24" height="24">Вопросы и ответы: Иконка Tuple
Можно ли бесплатно использовать иконку Tuple в коммерческих проектах?
Да. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Tuple в React?
Установите @iconify/react и выведите <Icon icon="logos:tuple" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Tuple на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/logos/tuple.svg" alt="Иконка Tuple">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.