> For the complete documentation index, see [llms.txt](https://brand.cryptocloud.plus/ru/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://brand.cryptocloud.plus/ru/brand-elements/payment-marks.md).

# Иконки оплаты

Фирменные иконки CryptoCloud разработаны для того, чтобы однозначно сообщать пользователям о доступности оплаты криптовалютой на вашем сайте. Использование значков оплаты напрямую способоствует увеличению количества клиентов, для кого криптовалюта является предпочтительным способом осуществления платежей.

<figure><img src="/files/Su8gLHJHPDuVoxTVGrL3" alt=""><figcaption></figcaption></figure>

### Иконка о доступности оплаты CryptoCloud

Разместите предоставленные изображения, чтобы уведомить покупателей о возможности оплаты через CryptoCloud, особенно когда вы показываете разнообразие платежных методов. Не вносите никаких изменений в предоставленные графические элементы и воздержитесь от создания модифицированных версий логотипа CryptoCloud.

#### Вариант 1

<div data-full-width="true"><figure><img src="/files/vmhT1niouDCMHiKuO8T0" alt=""><figcaption><p>cc-group-colour</p></figcaption></figure> <figure><img src="/files/UPjzBxyYb0ytmYJgcGTL" alt=""><figcaption><p>cc-group-white</p></figcaption></figure> <figure><img src="/files/1FxZxH9zfFUtfdOp8s3G" alt=""><figcaption><p>cc-group-black</p></figcaption></figure></div>

Вы можете загрузить иллюстрации вручную, скачав их из архива ниже, или установить с помощью HTML-кода. В архиве представлены файлы в SVG и PNG.

{% file src="/files/vEFhWsRSSEN2SQeGfOoe" %}

{% file src="/files/TQU6bWHV68RpnclDvJ8f" %}

{% file src="/files/nbn27tQ9U9Svni8ENlNO" %}

Скопируйте и вставьте приведенный ниже фрагмент в свой HTML-код, чтобы добавить это изображение на свой сайт. Пример:

{% code title="HTML" overflow="wrap" fullWidth="false" %}

```html
<img src="https://cdn.cryptocloud.plus/brand/cc-group-colour.svg" alt="CryptoCloud Accepted" width="250px" />

<img src="https://cdn.cryptocloud.plus/brand/cc-group-white.png" alt="CryptoCloud Accepted" width="250px" />
```

{% endcode %}

Вы можете вручную поменять название файла в ссылке и формат (SVG, PNG) для выбора подходящего варианта. Также вы можете настроить ширину так, чтобы она соответствовала другим элементам на вашей странице.

<details>

<summary>Названия файлов</summary>

* cc-group-colour — цветная иконка CryptoCloud
* cc-group-white — белая иконка CryptoCloud
* cc-group-black — темно-серая иконка CryptoCloud

</details>

#### Вариант 2

<div data-full-width="true"><figure><img src="/files/yiGA3Ri3UvFPoajNpXgJ" alt=""><figcaption><p>cc-paywith-colour</p></figcaption></figure> <figure><img src="/files/gQHgpmLdigiziQMh4wKm" alt=""><figcaption><p>cc-paywith-white</p></figcaption></figure> <figure><img src="/files/eUtmEA3wGKdr63xndYmd" alt=""><figcaption><p>cc-paywith-black</p></figcaption></figure></div>

Вы можете загрузить иллюстрации вручную, скачав их из архива ниже, или установить с помощью HTML-кода. В архиве представлены файлы в SVG и PNG.

{% file src="/files/aJSbZD205U1UFO2dEinV" %}

{% file src="/files/s8KvOE7r6jCM87giYd1t" %}

{% file src="/files/APTXaPn3s7dZahtNPeJk" %}

Скопируйте и вставьте приведенный ниже фрагмент в свой HTML-код, чтобы добавить это изображение на свой сайт. Пример:

{% code title="HTML" overflow="wrap" %}

```html
<img src="https://cdn.cryptocloud.plus/brand/cc-paywith-colour.svg" alt="CryptoCloud Accepted" width="250px" />

<img src="https://cdn.cryptocloud.plus/brand/cc-paywith-white.png" alt="CryptoCloud Accepted" width="250px" />
```

{% endcode %}

<details>

<summary>Названия файлов</summary>

* cc-paywith-colour — цветная иконка Pay with CryptoCloud
* cc-paywith-white — белая иконка Pay with CryptoCloud
* cc-paywith-black — темно-серая иконка Pay with CryptoCloud

</details>

### Альтернативные знаки доступности CryptoCloud

Используйте эти изображения в качестве дополнительной опции, чтобы сообщить, что CryptoCloud является доступным способом оплаты при отображении других способов оплаты.

#### Вариант 3

<div align="center" data-full-width="true"><figure><img src="/files/NgICUXaSiPBWSl9dKmKW" alt="" width="300"><figcaption><p>weaccept-cardgroup</p></figcaption></figure> <figure><img src="/files/UyxzVBVK7LYQ3TvMeBKD" alt="" width="300"><figcaption><p>paywith-cardgroup</p></figcaption></figure> <figure><img src="/files/zXJbF6XWOGX97Ve6vaHQ" alt="" width="300"><figcaption><p>cc-weaccept-buttons</p></figcaption></figure></div>

Вы можете ознакомиться со всеми вариантами использования знаков в разных цветах, скачав архив ниже. Файлы доступны в форматах SVG и PNG.

{% file src="/files/qZhtTW6NKdyqaU3R41zF" %}

{% file src="/files/Uw1bcTdpNanzrxJ4hDef" %}

{% file src="/files/tV4PgU4Q1sPyq4q4sH9P" %}

Скопируйте и вставьте приведенный ниже фрагмент в свой HTML-код, чтобы добавить это изображение на свой сайт. Пример:

{% code title="HTML" overflow="wrap" %}

```html
<img src="https://cdn.cryptocloud.plus/brand/cc-weaccept-cardgroup-v1-colour.svg" alt="CryptoCloud Accepted" width="250px" />

<img src="https://cdn.cryptocloud.plus/brand/cc-weaccept-buttons-v2-black.png" alt="CryptoCloud Accepted" width="250px" />
```

{% endcode %}

<details>

<summary>Названия файлов</summary>

* cc-weaccept-cardgroup-v1-colour — цветная иконка We accept (V1)
* cc-weaccept-cardgroup-v1-white — белая иконка We accept (V1)
* cc-weaccept-cardgroup-v1-black — темно-серая иконка We accept (V1)
* cc-weaccept-cardgroup-v2-colour — цветная иконка We accept (V2)
* cc-weaccept-cardgroup-v2-white — белая иконка We accept (V2)
* cc-weaccept-cardgroup-v2-black — темно-серая иконка We accept (V2)
* cc-paywith-cardgroup-v1-colour — цветная иконка Pay With (V1)
* cc-paywith-cardgroup-v1-white — белая иконка Pay With (V1)
* cc-paywith-cardgroup-v1-black — темно-серая иконка Pay With (V1)
* cc-paywith-cardgroup-v2-colour — цветная иконка Pay With (V2)
* cc-paywith-cardgroup-v2-white — белая иконка Pay With (V2)
* cc-paywith-cardgroup-v2-black — темно-серая иконка Pay With (V2)
* cc-weaccept-buttons-v1-colour — цветная иконка We accept crypto (V1)
* cc-weaccept-buttons-v1-white — белая иконка We accept crypto (V1)
* cc-weaccept-buttons-v1-black — темно-серая иконка We accept crypto (V1)
* cc-weaccept-buttons-v2-colour — цветная иконка We accept crypto (V2)
* cc-weaccept-buttons-v2-white — белая иконка We accept crypto (V2)
* cc-weaccept-buttons-v2-black — темно-серая иконка We accept crypto (V2)

</details>

#### Вариант 4

<div data-full-width="true"><figure><img src="/files/C7prmsQ9eBqyXxi7rzKM" alt="" width="300"><figcaption><p>cc-mark</p></figcaption></figure> <figure><img src="/files/cOO0raL4H5cgmIm5wZzg" alt="" width="300"><figcaption><p>cc-mark-logo</p></figcaption></figure> <figure><img src="/files/0Ju7ksM32tfY45MxnWkU" alt="" width="300"><figcaption><p>cc-mark-currencies</p></figcaption></figure> <figure><img src="/files/EF98Y9zpHUYQOef4y4Q3" alt="" width="300"><figcaption><p>cc-mark-paywith</p></figcaption></figure></div>

Вы можете ознакомиться со всеми вариантами использования знаков в разных цветах, скачав архив ниже. Файлы доступны в форматах SVG и PNG.

{% file src="/files/QzuEnk4pV86lNCdF3n4r" %}

Скопируйте и вставьте приведенный ниже фрагмент в свой HTML-код, чтобы добавить это изображение на свой сайт. Пример:

{% code title="HTML" overflow="wrap" %}

```html
<img src="https://cdn.cryptocloud.plus/brand/cc-mark-white.svg" alt="CryptoCloud Accepted" width="250px" />

<img src="https://cdn.cryptocloud.plus/brand/cc-mark-currencies-colour.png" alt="CryptoCloud Accepted" width="250px" />
```

{% endcode %}

<details>

<summary>Названия файлов</summary>

* cc-mark-colour — цветная иконка без текста
* cc-mark-white — белая иконка без текста
* cc-mark-black — темно-серая иконка без текста
* cc-mark-currencies-colour — цветная иконка с текстом
* cc-mark-currencies-white — белая иконка с текстом
* cc-mark-currencies-black — темно-серая иконка с текстом
* cc-mark-logo-colour — цветная иконка с валютами
* cc-mark-logo-white — белая иконка с валютами
* cc-mark-logo-black — темно-серая иконка с валютами
* cc-mark-paywith-colour — цветная иконка Pay with
* cc-mark-paywith-white — белая иконка Pay with
* cc-mark-paywith-black — темно-серая иконка Pay with

</details>

### Знаки сторонних способов оплаты

Вы также можете использовать иконки сторонних способов оплаты, доступных на вашей платформе.

<div data-full-width="true"><figure><img src="/files/rRnumhW9Q43s2m4LQBL5" alt=""><figcaption></figcaption></figure></div>

Вы можете загрузить иллюстрации вручную, скачав их из архива ниже, или установить с помощью HTML-кода. В архиве представлены файлы в SVG и PNG.

{% file src="/files/JKrxJmvkCU5Unl5FgmUD" %}

{% file src="/files/TEtj0C5pw1eXfOqQz9AK" %}

Скопируйте и вставьте приведенный ниже фрагмент в свой HTML-код, чтобы добавить это изображение на свой сайт. Пример:

{% code title="HTML" overflow="wrap" fullWidth="true" %}

```html
<img src="https://cdn.cryptocloud.plus/brand/stripe.svg" alt="CryptoCloud Accepted" width="250px" />

<img src="https://cdn.cryptocloud.plus/brand/usdt.png" alt="CryptoCloud Accepted" width="250px" />
```

{% endcode %}

<details>

<summary>Названия файлов</summary>

* amazon — Amazon
* apple-pay — Apple Pay
* discover — Discover
* google-pay — Google Pay
* maestro — Maestro
* mastercard —Mastercard
* payoneer — Payoneer
* paypal — Paypal
* sepa — Sepa
* shop-pay — Shop Pay
* skrill — Skrill
* stripe — Stripe
* venmo — Venmo
* visa— Visa
* btc — Bitcoin
* eth — Ethereum
* ltc — Litecoin
* tusd — True USD
* usdc — USD Coin
* usdt — USDT Tether

</details>

### Примеры использования

#### Отображение в футере сайта

Фирменные иконки CryptoCloud могут быть размещены в футере сайта, предоставляя посетителям постоянное визуальное напоминание о возможности оплаты криптовалютой. Это может быть ненавязчивый знак, расположенный рядом с другими платежными символами, что укрепляет доверие и расширяет выбор платежных решений для клиентов.

<div data-full-width="true"><figure><img src="/files/zOd7H7hPoR5sF6prNQFF" alt=""><figcaption></figcaption></figure></div>

Альтернативные способы отображения CryptoCloud рядом с отметками других способов оплаты.

<div data-full-width="true"><figure><img src="/files/NfeA7vlubtLtqJSVceCf" alt=""><figcaption></figcaption></figure></div>

<div data-full-width="true"><figure><img src="/files/mgY3A0IQCNrQpFQzETeZ" alt=""><figcaption></figcaption></figure></div>

<div data-full-width="true"><figure><img src="/files/v5uVemvbavOnWIOHnf6S" alt=""><figcaption></figcaption></figure></div>

#### Отображение на странице товара

На странице товара иконка CryptoCloud может быть размещена вблизи цены или кнопки «Добавить в корзину», указывая на дополнительный метод оплаты. Это уведомляет покупателей о возможности использования криптовалюты для оплаты ещё до начала процесса оформления покупки.

<div data-full-width="true"><figure><img src="/files/JtEisbPxi0zy351vexc1" alt=""><figcaption></figcaption></figure></div>

#### Отображение при оформлении заказа

В форме оплаты иконка CryptoCloud может быть включена в список доступных способов оплаты, облегчая пользователю выбор предпочитаемого способа. Иконка должна быть достаточно заметной, чтобы пользователь мог легко её найти, но не должна доминировать над другими способами оплаты.

<div data-full-width="true"><figure><img src="/files/u7NsgnmGRsoAH5rVJNOv" alt=""><figcaption></figcaption></figure></div>

Используйте те варианты, которые в наибольшей степени подходят под интерфейс вашей платформы.

<div data-full-width="true"><figure><img src="/files/3p4TfDKV2rskMVWWABJR" alt=""><figcaption></figcaption></figure></div>

### **Принципы использования:**

* Иконки необходимо использовать в их оригинальной форме без изменений в дизайне, цветовой палитре или пропорциях.
* Не создавайте собственные версии иконок и не адаптируйте их под индивидуальный дизайн вашего сайта.
* Фирменная иконка оплаты CryptoCloud не должна использоваться в качестве интерактивной кнопки. Вместо этого для активации способа оплаты следует использовать [платежные кнопки](/ru/brand-elements/payment-buttons.md).
* При расположении рядом с иконками других способов оплаты, следует соблюдать единообразие размеров и стиля.

### **Рекомендации по размещению:**

* Иконки должны быть четко видны и легко узнаваемы на фоне страницы.
* Размещайте иконку оплаты CryptoCloud вместе с другими платежными системами, чтобы пользователи могли без труда находить предпочтительный способ оплаты.
* Убедитесь, что использование иконки соответствует общему дизайну и эстетике вашего сайта, поддерживая высокий уровень профессионализма и доверия.