--- title: "Liquid filters: payment_type_svg_tag" description: Generates an HTML `` tag for a given [payment type](/docs/api/liquid/objects/shop#shop-enabled_payment_types). api_name: liquid source_url: html: https://shopify.dev/docs/api/liquid/filters/payment_type_svg_tag md: https://shopify.dev/docs/api/liquid/filters/payment_type_svg_tag.md --- # payment\_​type\_​svg\_​tag ```oobleck string | payment_type_svg_tag ``` returns [string](https://shopify.dev/docs/api/liquid/basics#string) Generates an HTML `` tag for a given [payment type](https://shopify.dev/docs/api/liquid/objects/shop#shop-enabled_payment_types). ```liquid {% for type in shop.enabled_payment_types -%} {{ type | payment_type_svg_tag }} {% endfor %} ``` ##### Code ``` {% for type in shop.enabled_payment_types -%} {{ type | payment_type_svg_tag }} {% endfor %} ``` ##### Data ``` { "shop": { "enabled_payment_types": [ "visa", "master", "american_express", "paypal", "diners_club", "discover" ] } } ``` ## Output ```html Visa Mastercard American Express PayPal Diners Club Discover ``` ## Rendered output ### class ```oobleck type | payment_type_svg_tag: class: string ``` Specify the `class` attribute of the `` tag. ```liquid {% for type in shop.enabled_payment_types -%} {{ type | payment_type_svg_tag: class: 'custom-class' }} {% endfor %} ``` ##### Code ``` {% for type in shop.enabled_payment_types -%} {{ type | payment_type_svg_tag: class: 'custom-class' }} {% endfor %} ``` ##### Data ``` { "shop": { "enabled_payment_types": [ "visa", "master", "american_express", "paypal", "diners_club", "discover" ] } } ``` ## Output ```html Visa Mastercard American Express PayPal Diners Club Discover ``` ## Rendered output