ICONYZ
Русский
Иконка Stylis из набора SVG Logos

Иконка Stylis

logos:stylis

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

Набор
SVG Logos
Автор
Gil Barbara
Лицензия
CC0-1.0
Размер
512 × 201
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="201" viewBox="0 0 512 201"><defs><linearGradient id="SVGVWpGHclM" x1="47.165%" x2="47.165%" y1="1.316%" y2="81.579%"><stop offset="0%" stop-color="#745dc0"/><stop offset="100%" stop-color="#5497d8"/></linearGradient></defs><path fill="url(#SVGVWpGHclM)" fill-rule="evenodd" d="M374.763 163.629h83.134c5.83 0 14.658-7.927 17.155-13.196l16.992-36.584c5.92-13.32-2.417-24.117-16.992-24.117H448.66c-2.915 0-5.279-1.773-5.279-3.959s2.364-3.959 5.279-3.959h44.866L512 42.227h-76.536l-29.031 58.062c-6 13.284-1.38 23.67 13.196 23.67h23.752v.082c2.916 0 5.279 1.773 5.279 3.959s-2.363 3.959-5.279 3.959h-52.783zm-201.897 7.917c-8.017 0-14.515 6.5-14.515 14.516s6.498 14.515 14.515 14.515h67.299l13.196-29.03zm51.464-129.32l-37.814 81.862c-1.222 2.647-.968 6.8.569 9.277l15.988 25.778c1.537 2.478 5.146 4.486 8.061 4.486h47.505l58.062-121.402h-31.67l-39.588 84.453h-29.03L256 42.227zm145.155 34.31l-42.227 87.093h31.67l42.227-87.093zm15.835-34.31L372.124 68.62h21.126c5.83 0 12.669-4.229 15.274-9.444l3.748-7.504c2.606-5.216-.009-9.444-5.839-9.444zM0 163.63h77.856c5.83 0 14.657-7.927 17.154-13.196l16.993-36.584c5.92-13.32-2.417-24.117-16.993-24.117H68.62c-2.916 0-5.279-1.773-5.279-3.959s2.363-3.959 5.279-3.959h44.866l18.474-39.587H55.423L26.392 100.29c-6 13.284-1.38 23.67 13.196 23.67H63.34v.082c2.915 0 5.279 1.773 5.279 3.959s-2.364 3.959-5.279 3.959H15.835zM353.65 0l-76.537 163.629h34.31L387.959 0zM163.628 0l-40.551 91.777c4.57 4.391 5.663 14.101 2.12 22.072l-24.91 49.78h58.063l10.556-26.392c2.607-5.215 1.872-10.557-3.959-10.557h-22.433l21.114-44.866h23.752c2.916 0 4.046-2.636 5.279-5.278l15.835-34.31h-29.031L197.938 0z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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