Иконка Hygraph

thesvg-color:hygraph

Иконка Hygraph (thesvg-color:hygraph) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 200 × 55. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: theSVG Color
Автор: thesvg.org
Лицензия: MIT
Размер: 200 × 55

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="200" height="55" viewBox="0 0 200 55"><path fill="#081026" d="M64.77 24.34V37.4H59V25.9q0-1.08-.54-1.95a4 4 0 0 0-1.42-1.4a4 4 0 0 0-1.97-.5q-1.08 0-1.98.5a4 4 0 0 0-1.42 1.4a3.7 3.7 0 0 0-.53 1.95v11.5h-5.77l-.02-30.8h5.77l.02 11.79a8 8 0 0 1 2.45-1.54a8 8 0 0 1 2.99-.56q2.28 0 4.12 1.09a8.3 8.3 0 0 1 2.97 2.92a7.6 7.6 0 0 1 1.1 4.04m17.12-7.47h6.14l-11.45 30.8h-6.1l3.76-10.27l-7.53-20.53h6.31l4.1 12.79zm23.37 0h5.77v20.82q0 2.28-.94 4.1a10 10 0 0 1-2.57 3.17a12 12 0 0 1-3.72 2a14 14 0 0 1-4.43.7q-2.22 0-4.25-.86a12 12 0 0 1-3.6-2.34q-1.56-1.5-2.44-3.45l5.27-2.36q.45 1.04 1.2 1.77a5 5 0 0 0 1.75 1.13q1 .4 2.07.4a9 9 0 0 0 2.2-.26a6 6 0 0 0 1.9-.8q.83-.54 1.31-1.33q.48-.8.48-1.87V35.3a8 8 0 0 1-2.34 1.9q-1.36.72-3.15.72q-2.26 0-4.25-.84a11 11 0 0 1-3.47-2.32q-1.5-1.5-2.36-3.45t-.86-4.19c0-2.24.29-2.88.86-4.18a11 11 0 0 1 2.36-3.43q1.5-1.5 3.47-2.34a11 11 0 0 1 4.25-.85q1.8 0 3.15.74a7 7 0 0 1 2.34 1.9zm-5.41 15.62q1.42 0 2.57-.72a5 5 0 0 0 1.8-1.95q.66-1.2.67-2.69q0-1.47-.67-2.69a5 5 0 0 0-1.8-1.95a4.7 4.7 0 0 0-2.57-.72q-1.4 0-2.57.72a5.3 5.3 0 0 0-1.84 1.95q-.7 1.2-.7 2.7q0 1.47.7 2.7a5.4 5.4 0 0 0 1.84 1.93a5 5 0 0 0 2.57.72m15.65 4.91l-.03-20.53h5.77l.03 1.52a8 8 0 0 1 2.44-1.54a8 8 0 0 1 2.99-.56q1.15 0 2.3.33l-2.28 5.73a4 4 0 0 0-1.52-.3q-1.1 0-2 .5a4 4 0 0 0-1.41 1.4a3.7 3.7 0 0 0-.53 1.95v11.5zm29.56-20.53h5.77V37.4h-5.8l-.26-2.14a6 6 0 0 1-2.1 1.93q-1.27.75-2.98.74q-2.34 0-4.37-.86a11 11 0 0 1-3.58-2.38a11 11 0 0 1-2.42-3.51a11 11 0 0 1-.86-4.31q0-2.2.82-4.11a10 10 0 0 1 2.3-3.37a11 11 0 0 1 3.4-2.28q1.96-.81 4.18-.82q1.94 0 3.45.8a10 10 0 0 1 2.7 2.03zm-5.52 15.62q1.42 0 2.57-.72a5 5 0 0 0 1.82-1.93a5.6 5.6 0 0 0 .67-2.7q0-1.5-.67-2.72a5 5 0 0 0-1.82-1.93a5 5 0 0 0-2.57-.72a5 5 0 0 0-2.61.72a5.3 5.3 0 0 0-2.55 4.64q0 1.49.69 2.71a5.5 5.5 0 0 0 1.88 1.93q1.16.72 2.6.72ZM161 47.67h-5.77v-30.8H161v2.21a8 8 0 0 1 2.39-1.97q1.38-.78 3.22-.78q2.28 0 4.26.85a11 11 0 0 1 3.51 2.34a11 11 0 0 1 2.37 3.43q.85 1.95.85 4.18q0 2.25-.85 4.21a11 11 0 0 1-2.37 3.47a11 11 0 0 1-3.51 2.32q-1.98.84-4.26.85q-1.84 0-3.22-.78a9 9 0 0 1-2.39-1.98zm5.52-25.9q-1.42 0-2.57.74a5 5 0 0 0-1.8 1.93a5.6 5.6 0 0 0-.64 2.7q0 1.47.64 2.7a5 5 0 0 0 1.8 1.93q1.15.72 2.57.72t2.6-.72a5 5 0 0 0 1.88-1.93q.7-1.2.7-2.7a5.3 5.3 0 0 0-.68-2.68a5 5 0 0 0-1.88-1.95a5 5 0 0 0-2.62-.74m32.75 2.57V37.4h-5.77V25.9q0-1.08-.55-1.95a4 4 0 0 0-1.42-1.4a4 4 0 0 0-1.96-.5q-1.1 0-1.99.5a4 4 0 0 0-1.42 1.4a3.7 3.7 0 0 0-.52 1.95v11.5h-5.77l-.03-30.8h5.77l.03 11.79a8 8 0 0 1 2.44-1.54a8 8 0 0 1 3-.56q2.26 0 4.11 1.09a8.3 8.3 0 0 1 2.97 2.92a7.6 7.6 0 0 1 1.1 4.04ZM25.97 7.33L19.47 11l-6.49 3.67l-6.49 3.66v22l6.5-3.66L19.46 33v-7.33l-6.49 3.66V22l6.5-3.67l6.48-3.66v22l-6.49 3.66L12.98 44L6.5 47.67L0 51.33L6.5 55l6.48-3.67l6.5-3.66L25.96 44l6.49-3.67V3.67L25.96 0z"/></svg>

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

React

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

<Icon icon="thesvg-color:hygraph" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:hygraph" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:hygraph" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--hygraph]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:hygraph"></div>

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

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

<iconify-icon icon="thesvg-color:hygraph"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/thesvg-color/hygraph.svg" alt="Иконка Hygraph" width="24" height="24">

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

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

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

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

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

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

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

Все Иконки theSVG Color →