Иконка H3

unjs:h3

Иконка H3 (unjs:h3) — бесплатная SVG-иконка из набора UnJS Logos от UnJS. Она нарисована на сетке 32 × 32. UnJS Logos icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: UnJS Logos
Автор: UnJS
Лицензия: Apache-2.0
Размер: 32 × 32

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#feb804" d="M17.42 13.51s7.243-11.603 7.407-11.893c.165-.29.2-.822-.255-.822c-.454 0-11.737 11.518-11.737 11.518l-8.013 4.75s-.537.33-.455.742c.083.413.443.43.608.43s8.713-.045 9.21-.06c.617-.018.465.86.465.86L9.24 27.54s-2.362 3.27-2.362 3.492c0 .328.394.49.762.27c.285-.17 18.71-15.782 19.523-16.854c.22-.293.332-1.063-.576-1.063s-8.134 2.105-8.134 2.105z"/><path fill="#ffc927" d="M16.153 12.588c-.223.305-.283.815.197.845c.477.027 10.237-.046 10.237-.046s-6.972 6.408-9.082 8.32c-2.11 1.913-9.097 8.108-9.567 8.546c-.46.43-.878.825-1.048.77c-.027-.008-.062-.155.595-1.238c.6-.988 6.36-10.64 6.585-11.005s.422-.675.535-.845c.112-.17.477-1.098-.283-1.098s-9.5.226-9.5.226s6.038-5.123 7.783-6.5C14.35 9.185 24.24.794 24.573.794c.332 0-8.195 11.485-8.42 11.793"/><path fill="#ffe567" d="M15.863 17.688c.45-.648.892-.695 1.16-.535c.345.207.38.684-.055 1.262c-.686.915-5.72 7.653-5.913 7.89c-.365.45-.902.253-.553-.4c.293-.54 4.896-7.547 5.36-8.218m-7.156-1.315c-.862.577-1.665-.286-1.087-.918c.577-.633 4.368-3.787 5.135-4.44c.768-.652 5.248-4.55 5.595-4.83c.46-.37.745.005.455.39c-.288.385-3.455 3.55-4.852 4.835c-1.08.995-4.426 4.413-5.246 4.962"/></g></svg>

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

React

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

<Icon icon="unjs:h3" width="24" />

Vue

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

<template>
  <Icon icon="unjs:h3" width="24" />
</template>

Svelte

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

<Icon icon="unjs:h3" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="unjs:h3"></iconify-icon>

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

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

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

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

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

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

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

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

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

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

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