Hipercard icon

logos:hipercard

The Hipercard icon (logos:hipercard) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 223 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 512 × 223

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="223" viewBox="0 0 512 223"><path fill="#b82126" d="M140.555 0H87.49C64.044 1.109 44.878 10.552 39.344 30.026c-2.885 10.157-4.473 21.31-6.73 31.839C21.144 115.398 10.972 170.404 0 222.867h413.12c31.939 0 53.867-6.749 59.794-32.096c2.753-11.776 5.39-25.114 8.024-38.051C491.206 102.278 501.483 51.838 512 0z"/><path fill="#fff" d="M353.7 133.153c-5.73 5.609-21.813 7.202-20.167-6.205c1.366-11.136 13.49-13.502 26.63-11.894c-.977 6.091-2.097 13.825-6.463 18.1m-18.1-43.437c-.546 3.072-1.386 5.852-2.067 8.79c6.56-1.644 26.99-6.687 28.958 2.069c.654 2.91-.474 6-1.293 8.274c-18.474-1.75-33.531 1.32-37.49 14.479c-2.653 8.814.297 17.488 5.947 19.91c10.881 4.66 24.117-.68 28.699-8.016c-.476 2.54-.927 5.105-.776 8.274h9.566c.102-9.162 1.435-16.578 2.844-24.822c1.202-7.02 3.462-13.971 3.102-20.167c-.82-14.19-24.33-9.171-37.49-8.79m95.924 47.832c-7.485.16-11.206-4.471-11.377-12.151c-.298-13.45 5.602-28.394 17.582-29.734c5.578-.624 9.616.673 13.703 2.069c-3.751 15.108-2.397 39.44-19.908 39.816m24.82-71.101c-.952 8.354-2.226 16.389-3.877 24.044c-27.271-8.631-43.996 11.433-43.696 36.198c.059 4.79.883 9.54 3.879 12.927c5.162 5.84 19.944 7.236 27.406 2.328c1.446-.95 2.921-2.678 3.88-3.878c.718-.903 1.86-3.266 2.066-2.587c-.391 2.625-.978 5.056-1.033 8.017h10.084c1.942-27.877 7.952-51.688 12.41-77.05zM171.68 133.412c-5.949 6.3-20.572 6.203-21.718-4.396c-.5-4.612 1.219-9.448 2.068-14.22c.86-4.83 1.478-9.464 2.326-13.704c5.859-7.154 23.075-8.017 24.822 3.879c1.516 10.328-2.572 23.224-7.498 28.441m8.791-43.696c-9.41-3.534-20.879.685-25.85 4.699c.017.176-.118.2-.265.214c.085-.072.177-.143.265-.214a.2.2 0 0 0-.006-.044c.084-1.727.692-2.929.776-4.655h-9.566c-3.987 26.523-8.714 52.304-13.704 77.824h11.118c1.609-9.94 2.672-20.424 4.913-29.733c2.539 9.79 19.117 7.92 26.113 4.137c14.435-7.805 25.569-44.954 6.206-52.228m52.744 18.616h-26.113c.826-6.003 6.227-12.602 14.737-12.927c8.009-.307 13.743 2.94 11.376 12.927m-10.6-19.65c-8.034.619-14.824 2.93-19.65 8.015c-5.92 6.236-10.713 20.023-9.309 32.578c2.004 17.912 24.306 17.27 42.145 12.927c.303-3.143 1.064-5.83 1.551-8.79c-7.349 2.75-20.107 6.588-27.665 1.81c-5.706-3.608-5.74-12.745-3.878-20.685c11.989-.381 24.45-.308 36.455 0c.762-5.628 2.942-11.764 1.034-17.322c-2.515-7.339-11.52-9.238-20.683-8.533m-97.733 1.034c-.301.044-.281.41-.26.775c-2.449 18.321-5.764 35.777-9.307 53.005h11.118c2.671-18.445 5.731-36.499 9.566-53.78zm290.096.258c-9.826-4.912-18.006 3.331-21.2 8.274c.909-2.536.96-5.931 1.808-8.532h-9.825c-2.648 18.467-5.843 36.388-9.566 53.78h11.376c.072-7.128 1.472-12.4 2.585-19.392c2.378-14.926 5.868-31.294 23.27-26.372c.578-2.525.818-5.388 1.552-7.758m-124.882 40.852c-1.024-2.647-1.29-7.02-1.034-10.342c.575-7.472 3.297-16.567 7.498-20.684c5.798-5.683 17.244-4.743 26.372-1.552c.284-3.077.902-5.821 1.294-8.79c-14.973-2.445-29.181-.924-36.715 6.98c-7.374 7.739-12.209 25.524-8.791 36.715c4 13.095 21.934 13.807 36.457 8.791c.642-2.632.982-5.566 1.551-8.274c-7.935 4.123-23.105 6.266-26.632-2.844m-6.204-41.11c-9.859-3.981-17.608 2.747-21.2 9.05c.813-2.804 1.15-6.088 1.808-9.05h-9.825c-2.402 18.628-5.942 36.117-9.308 53.78h11.119c1.558-10.485 2.23-24.618 5.687-34.647c2.763-8.014 9.993-14.842 20.426-11.117c.146-2.957.993-5.214 1.293-8.016M104.714 67.998c-1.588 10.305-3.377 20.41-5.171 30.509c-11.518.121-23.278.569-34.387-.26c2.098-9.879 3.603-20.354 5.687-30.25h-12.41c-4.443 25.207-8.483 50.813-13.443 75.5h12.668c1.988-12.665 3.846-25.458 6.463-37.49c10.803-.267 23.75-.73 34.13.258c-2.14 12.511-4.727 24.575-6.722 37.232h12.669c4.07-25.577 8.36-50.935 13.445-75.498zm31.543 11.376c2.217-1.526 5.071-8.481 1.81-11.376c-1.033-.917-2.761-1.183-5.17-.775c-2.237.377-3.523 1.136-4.396 2.326c-1.406 1.913-2.693 7.682-.518 9.825c2.118 2.087 6.864.97 8.274 0"/></svg>

How to use the Hipercard icon

React

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

<Icon icon="logos:hipercard" width="24" />

Vue

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

<template>
  <Icon icon="logos:hipercard" width="24" />
</template>

Svelte

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

<Icon icon="logos:hipercard" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--hipercard]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:hipercard"></div>

Web component

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

<iconify-icon icon="logos:hipercard"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/hipercard.svg" alt="Hipercard icon" width="24" height="24">

Hipercard icon FAQ

Is the Hipercard icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Hipercard icon in React?

Install @iconify/react and render <Icon icon="logos:hipercard" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Hipercard icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/hipercard.svg" alt="Hipercard icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →