Иконка Stripe

lineicons:stripe

Иконка Stripe (lineicons:stripe) — бесплатная SVG-иконка из набора Lineicons. Она нарисована на сетке 24 × 24. Lineicons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Lineicons
Автор: Lineicons
Лицензия: MIT
Размер: 24 × 24
Категория: Обычный

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m12.828 9.013l-1.394.295V8.192l1.394-.29z"/><path fill="currentColor" fill-rule="evenodd" d="M15.728 9.631a1.58 1.58 0 0 0-1.088.427l-.073-.34h-1.222v6.379l1.389-.29l.005-1.548c.2.142.495.345.984.345c.994 0 1.9-.788 1.9-2.522c-.006-1.587-.922-2.451-1.895-2.451m-.333 3.77c-.328 0-.522-.116-.655-.258l-.006-2.03c.144-.158.344-.268.661-.268c.506 0 .856.558.856 1.275c0 .733-.345 1.28-.856 1.28M22 12.136c0-1.4-.689-2.505-2.006-2.505c-1.322 0-2.122 1.105-2.122 2.495c0 1.646.945 2.478 2.3 2.478c.661 0 1.161-.148 1.54-.356v-1.094c-.379.186-.812.3-1.362.3c-.539 0-1.017-.185-1.078-.83h2.717l.004-.178c.003-.108.007-.234.007-.31m-2.744-.52c0-.617.383-.874.733-.874c.339 0 .7.257.7.875z" clip-rule="evenodd"/><path fill="currentColor" d="M12.828 9.724h-1.394v4.787h1.394zm-2.978 0l.088.405c.328-.59.978-.47 1.156-.405v1.258c-.172-.06-.728-.137-1.055.285v3.244h-1.39V9.724zM7.162 8.537l-1.356.285l-.005 4.381c0 .81.616 1.406 1.439 1.406c.455 0 .788-.082.972-.18v-1.11c-.178.07-1.056.322-1.056-.488V10.89h1.056V9.724H7.156zm-3.284 2.281c-.295 0-.472.082-.472.296c0 .232.306.335.685.462c.619.207 1.433.48 1.437 1.49c0 .98-.795 1.543-1.95 1.543c-.478 0-1-.093-1.517-.312v-1.302c.467.252 1.056.438 1.517.438c.311 0 .533-.082.533-.334c0-.258-.331-.376-.732-.518C2.77 12.364 2 12.09 2 11.179c0-.968.75-1.548 1.878-1.548c.461 0 .917.071 1.378.252v1.285a3.14 3.14 0 0 0-1.378-.35"/></svg>

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

React

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

<Icon icon="lineicons:stripe" width="24" />

Vue

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

<template>
  <Icon icon="lineicons:stripe" width="24" />
</template>

Svelte

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

<Icon icon="lineicons:stripe" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="lineicons:stripe"></iconify-icon>

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

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

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

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

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

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

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

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

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

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

Все Lineicons →