Иконка Credit Card 5

streamline-plump-color:credit-card-5

Иконка Credit Card 5 (streamline-plump-color:credit-card-5) — бесплатная SVG-иконка из набора Plump color icons от Streamline. Она нарисована на сетке 48 × 48. Plump color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Plump color icons
Автор: Streamline
Лицензия: CC-BY-4.0
Размер: 48 × 48
Категория: Деньги и покупки
Теги: creditcard

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="3"><path fill="#fff" d="M44.602 16.308c-.254 1.476-1.537 2.413-3.033 2.47c-2.932.113-8.614.269-17.569.269s-14.637-.156-17.569-.268c-1.496-.058-2.779-.995-3.033-2.47C3.186 15.08 3 13.346 3 11.046s.186-4.034.398-5.261c.254-1.476 1.537-2.414 3.033-2.47c2.932-.113 8.614-.27 17.569-.27s14.637.157 17.569.27c1.496.056 2.779.994 3.033 2.47c.212 1.227.398 2.96.398 5.26c0 2.301-.186 4.035-.398 5.262Z"/><path fill="#fff" d="M36.316 9.963c1.503.125 2.645 1.38 2.66 2.889c.061 5.816.023 14.108-.34 24.612c-.094 2.684-1.99 4.904-4.665 5.145c-2.324.209-5.616.391-10.028.391c-4.388 0-7.648-.18-9.945-.388c-2.66-.24-4.54-2.449-4.632-5.118C9 26.975 8.963 18.673 9.023 12.852c.016-1.508 1.158-2.764 2.661-2.89c3.086-.256 7.158-.46 12.316-.46s9.23.204 12.316.46Z"/><path fill="#8fbffa" d="M17.221 37c-1.143 0-2.098-.787-2.165-1.928A35 35 0 0 1 15 33c0-.835.023-1.52.056-2.072C15.123 29.787 16.078 29 17.22 29h.558c1.143 0 2.098.787 2.166 1.928c.032.552.055 1.237.055 2.072s-.023 1.52-.055 2.072C19.877 36.213 18.922 37 17.779 37zM32 42.76a120 120 0 0 1-7 .236V9.504c2.624.014 4.953.08 7 .178z"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M44.279 18c.186-.314.317-.672.38-1.072c.187-1.188.341-2.926.341-5.426s-.154-4.238-.34-5.426c-.247-1.563-1.536-2.497-3.113-2.617c-2.695-.203-7.972-.457-17.547-.457s-14.852.254-17.547.457c-1.577.12-2.866 1.054-3.112 2.617C3.154 7.264 3 9.002 3 11.502s.154 4.238.34 5.426c.064.4.195.758.381 1.072"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M36.316 9.963c1.503.125 2.645 1.38 2.66 2.889c.061 5.816.023 14.108-.34 24.612c-.094 2.684-1.99 4.904-4.665 5.145c-2.324.209-5.616.391-10.028.391c-4.388 0-7.648-.18-9.945-.388c-2.66-.24-4.54-2.449-4.632-5.118C9 26.975 8.963 18.673 9.023 12.852c.016-1.508 1.158-2.764 2.661-2.89c3.086-.256 7.158-.46 12.316-.46s9.23.204 12.316.46ZM25 42.997V9.505m7 33.255V9.682"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M17.221 37c-1.143 0-2.098-.787-2.165-1.928A35 35 0 0 1 15 33c0-.835.023-1.52.056-2.072C15.123 29.787 16.078 29 17.22 29h.558c1.143 0 2.098.787 2.166 1.928c.032.552.055 1.237.055 2.072s-.023 1.52-.055 2.072C19.877 36.213 18.922 37 17.779 37z"/></g></svg>

Как использовать иконку Credit Card 5

React

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

<Icon icon="streamline-plump-color:credit-card-5" width="24" />

Vue

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

<template>
  <Icon icon="streamline-plump-color:credit-card-5" width="24" />
</template>

Svelte

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

<Icon icon="streamline-plump-color:credit-card-5" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--credit-card-5]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:credit-card-5"></div>

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

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

<iconify-icon icon="streamline-plump-color:credit-card-5"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/streamline-plump-color/credit-card-5.svg" alt="Иконка Credit Card 5" width="24" height="24">

Иконка Credit Card 5 в других наборах

Вопросы и ответы: Иконка Credit Card 5

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

Да. Plump color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

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

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

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

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

Все Plump color icons →