Card Heading Icon SVG

Get Free Card heading Icon SVG code vector files and use them in websites, apps (Android/IOS), ppt, and other useful projects. Customize & Download the Card heading Icon SVG file (HMTL/CSS) in different colors and sizes. Card heading SVG icon white, black, red, green, blue, transparent, and other colors.

Card heading Icon Svg Code | Path | Download

Download free Card Heading SVG icons in different sizes (16*16, 24*24, 32*32, 64*64 & Other). Check and download the Card Heading Icon SVG code in HTML/Css from below.

Card Heading

Card heading SVG Icon Code | Customize color

You can get svg icon card heading in blue, white, red color and transparent color from below list. You can also customize color using color picker.

Card heading

Svg Code

 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-card-heading" viewBox="0 0 16 16"> <path d="M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z"/> <path d="M3 8.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm0-5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5v-1z"/> </svg>

Card heading

Svg Code

 <svg style='color: white' xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-card-heading" viewBox="0 0 16 16"> <path d="M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z"/> <path d="M3 8.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm0-5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5v-1z"/> </svg>

Card heading

Svg Code

 <svg style='color: red' xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-card-heading" viewBox="0 0 16 16"> <path d="M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z"/> <path d="M3 8.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm0-5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5v-1z"/> </svg>

Card heading

Svg Code

 <svg style='color: blue' xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-card-heading" viewBox="0 0 16 16"> <path d="M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z"/> <path d="M3 8.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm0-5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5v-1z"/> </svg>

Card heading

Svg Code

 <svg style='color: #f3da35' xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-card-heading" viewBox="0 0 16 16"> <path d="M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z"/> <path d="M3 8.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm0-5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5v-1z"/> </svg>

Advance Editor

You can edit card heading as below. Change size color and background color of icon using below tool.

fontawesomeicons.com

Size

Stroke

shapes

Size

Stroke

tab 2 content

Tab 3 content

How to add Card Heading SVG Icon?

Here are the five important steps to add this SVG icon.

Customize your Card Heading SVG Icon color, size, and shape.
Click on the download Card Heading SVG Code File Button.
Now, SVG Card Heading Icon will be downloaded to your device.
Upload this Card Heading icon SVG file in your desired projects.
Card Heading SVG Icon uses - Websites, Apps, PPT, & Other Projects.

Advertisements

Card heading SVG Related Icons

Here are some related svg icons matching to Card heading.

credit-card-2-back

credit-card-2-back-fill

credit-card-2-front

credit-card-2-front-fill

credit-card-fill

sd-card-mini-fill

sd-card-mini-line

sim-card-2-fill

sim-card-2-line

bank-card-2-fill

bank-card-2-line

mastercard-fill

mastercard-line

brand-mastercard

credit-card-off

arrows-in-cardinal-bold

arrows-out-cardinal-bold

cardholder-bold

credit-card-bold

identification-card-bold

arrows-in-cardinal-thin

arrows-out-cardinal-thin

cardholder-thin

credit-card-thin

identification-card-thin

arrows-in-cardinal-light

arrows-out-cardinal-light

cardholder-light

credit-card-light

identification-card-light

arrows-in-cardinal-fill

arrows-out-cardinal-fill

cardholder-fill

identification-card-fill

arrows-in-cardinal-duotone

arrows-out-cardinal-duotone

cardholder-duotone

credit-card-duotone

identification-card-duotone

sim-card-duotone

id-card-outline

credit-card-search

google-cardboard

picard-surgeles

credit-card-outline

credit_card_alt

credit-card-delete

credit-card-minus

Card Heading Icon SVG - Faq(s)?

⭐Can I get Free Card Heading Icon SVG?

Yes, you can get free Card Heading SVG icons.

⭐ How to download free Card Heading Icon SVG code?

To download free Card Heading icons in SVG code click on the copy code button.

⭐How to find the Card Heading Icon SVG path file?

You can get the Card Heading SVG file path from the above section.

⭐ What are the colors available for SVG Card Heading Icon?

You can check the Card Heading SVG in your brand color i.e, White, Black, Blue, Red, Green, Pink & Yellow.

Advertisements

You may like these icons

Looking For More Icons?