Иконка Credit Card 1
streamline-freehand-color:credit-card-1
Иконка Credit Card 1 (streamline-freehand-color:credit-card-1) — бесплатная SVG-иконка из набора Freehand color icons от Streamline. Она нарисована на сетке 24 × 24. Freehand color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Freehand color icons
- Автор
- Streamline
- Лицензия
- CC-BY-4.0
- Размер
- 24 × 24
- Категория
- Деньги, платежи и финансы
- Теги
- creditcard
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#020202" d="M23.383 10.848a20.7 20.7 0 0 0-4.465-1.139c-3.356-.51-11.726-.12-12.755-.15a.34.34 0 0 0-.35.33c0 .63.51.2 7.991.38s8.64 1.468 9.05 1.568a4 4 0 0 0 .05.998c-.06 1.469-.19 3.796-.4 5.254c-.83 5.814.46 3.736-7.062 3.526c-8.99-.23-10.218.14-10.238-1.678c0-.08.43-5.993.44-5.993s1.837.16 3.076.14c2.817.23 1.378.07 6.542.18c4.915.1 6.763.3 6.932.28a.39.39 0 0 0 .38-.34c0-.53-.61-.39-7.282-.999c-1.997-.06-9.519.17-9.599.2c0-.59.16-1.998.28-2.567a.3.3 0 0 0-.58-.11c-.269 1.218-.728 6.552-.848 7.84a5 5 0 0 0 0 2.548c.58 1.328 2.697 1.208 3.805 1.338c3.267.36 6.783.17 9.989.56c1.358.16 3.815.799 4.465-.43s.629-2.996.799-4.265q.32-2.677.34-5.374c.03-.919.279-1.728-.56-2.097"/><path fill="#0c6fff" d="M1.778 11.237c-.48-1.997-.53-1.478.12-1.608a138 138 0 0 0 15.981-4.924c.65 1.678 1.309 3.466 1.399 3.805a.3.3 0 0 0 .579-.15a75 75 0 0 0-2.377-7.18a.78.78 0 0 0-.34-.35C14.533-.279.79 5.034.3 5.554a.33.33 0 1 0 .47.43c.469-.45 13.823-4.555 15.8-4.286c.2.43 0-.36 1 2.318c-1.998.569-6.793 1.857-10.238 2.996C4.465 8.031 2.048 8.92 1.748 8.98q-.264.057-.52.15C.939 8.09.67 7.162.59 6.713a.3.3 0 0 0-.589.06c.12 3.046 1.618 9.249 2.407 10.098a.34.34 0 0 0 .5-.45c-.55-.659-.24-1.378-1.13-5.184"/><path fill="#0c6fff" d="M17.03 6.683c-1.175.19-2.334.47-3.466.839c-.789.3-1.268.559-1.388.599a3.5 3.5 0 0 0-.62.25c-.35.26-.12.669.19.589c1.19-.153 2.36-.424 3.496-.81c.62-.229 1.269-.529 1.998-.828a.34.34 0 0 0-.21-.64"/><path fill="#020202" d="M13.055 16.501a.295.295 0 0 0 .15-.57a2.42 2.42 0 0 0-2.108.33a2.2 2.2 0 0 0-1.918-.769a3 3 0 0 0-2.187 1.648a2.048 2.048 0 0 0 1.378 2.917c.54.16 1.778.25 1.748-.32c.231.355.588.609 1 .71a3.43 3.43 0 0 0 3.285-.64c.88-1.078.92-2.816-.26-3.416a.34.34 0 0 0-.319.59c.66.37.49 1.538-.14 2.177c-.435.28-.956.394-1.468.32c-.88 0-1.558-.31-1.389-1.309a1.936 1.936 0 0 1 2.228-1.668m-3.057 2.997a.3.3 0 0 0-.23 0a1.75 1.75 0 0 1-1.777-.89c-.52-.998 1.348-3.116 2.617-1.997a2.44 2.44 0 0 0-.62 2.867z"/></g></svg>
Как использовать иконку Credit Card 1
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand-color:credit-card-1" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand-color:credit-card-1" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand-color:credit-card-1" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--credit-card-1]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:credit-card-1"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand-color:credit-card-1"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/credit-card-1.svg" alt="Иконка Credit Card 1" width="24" height="24">
Похожие иконки в наборе Freehand color icons
Иконка Credit Card 1 в других наборах
Вопросы и ответы: Иконка Credit Card 1
Можно ли бесплатно использовать иконку Credit Card 1 в коммерческих проектах?
Да. Freehand color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Credit Card 1 в React?
Установите @iconify/react и выведите <Icon icon="streamline-freehand-color:credit-card-1" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Credit Card 1 на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/credit-card-1.svg" alt="Иконка Credit Card 1">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Freehand color icons →
ICONYZ
