Иконка Htmx

logos:htmx

Иконка Htmx (logos:htmx) — бесплатная SVG-иконка из набора SVG Logos от Gil Barbara. Она нарисована на сетке 512 × 118. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: SVG Logos
Автор: Gil Barbara
Лицензия: CC0-1.0
Размер: 512 × 118

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="118" viewBox="0 0 512 118"><path fill="#111" d="m241.17 1.263l-.265 31.752l.265-.118c30.345-7.55 36.845 13.056 36.845 23.024v39.685h-18.21V57.069c0-5.889-2.886-14.287-18.635-9.42v47.957h-17.825V4.963zm195.808 56.91v37.403h-16.926V58.173l-.01-.47c-.256-6.461-5.789-15.044-17.6-9.506v47.378h-18.557l-.003-37.788c-.083-5.459-2.053-13.328-17.62-11.983v49.77H348.91V35.783l.5-.307c4.195-2.584 26.332-9.414 44.096 1.342c29.837-14.858 43.47 1.15 43.47 21.357M311.458 12.263v19.54h22.867v14.66h-22.012v24.158c0 3.33.118 5.76.978 7.19q8.016 6.913 21.034 1.776l1.47 14.472q-26.757 7.634-36.658-5.377c-3.537-3.967-5.293-9.419-5.293-16.309V16.086z"/><path fill="#4065c5" d="M446.854 31.858h19.331l13.064 20.179l12.044-20.179h19.05l-21.502 30.777L512 95.576h-20.021l-13.381-22.151l-13.381 22.151h-19.403l23.337-32.941z"/><path fill="#111" d="m127.035 29.938l52.247 22.029v15.307l-52.247 21.722l-4.144-15.055l38.636-14.5l-38.636-14.555zm-74.788 0L0 51.967v15.307l52.247 21.722l4.144-15.055l-38.636-14.5l38.636-14.555z"/><path fill="#4065c5" d="M101.084 0h17.973L79.129 117.031H60.225z"/></svg>

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

React

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

<Icon icon="logos:htmx" width="24" />

Vue

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

<template>
  <Icon icon="logos:htmx" width="24" />
</template>

Svelte

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

<Icon icon="logos:htmx" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="logos:htmx"></iconify-icon>

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

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

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

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

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

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

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

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

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

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

Все Иконки SVG Logos →