Visa icon
brandico:visa
The Visa icon (brandico:visa) is a free SVG icon from the Brandico set by Fontello. It is drawn on a 1000 × 1000 grid. Brandico icons are released under the CC BY SA license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Brandico
- Author
- Fontello
- License
- CC-BY-SA-3.0
- Size
- 1000 × 1000
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="1000" viewBox="0 0 1000 1000"><path fill="currentColor" d="M40 186c-22.087 0-40 17.908-40 40v548c0 22.091 17.922 40 40 40h920c22.087 0 40-17.908 40-40V226c0-22.091-17.922-40-40-40zm557.25 187.156c24.338 0 43.843 5.376 56.281 10.375l-8.5 53.469l-5.625-2.844c-11.587-4.999-26.47-9.81-47-9.469c-24.576 0-35.937 10.963-35.937 21.22c-.143 11.557 13.275 19.179 35.218 30.593c36.217 17.61 52.956 38.962 52.72 67.031c-.488 51.217-43.324 84.313-109.313 84.313c-28.153-.31-55.276-6.27-69.938-13.157l8.813-55.25l8.094 3.938c20.617 9.212 33.967 12.938 59.093 12.938c18.043 0 37.409-7.555 37.563-24.094c.117-10.8-8.095-18.5-32.532-30.594c-23.812-11.804-55.38-31.577-55.03-67.031c.372-47.961 44.063-81.438 106.093-81.438M88.437 381h101.344c13.647.516 24.665 4.91 28.469 19.719l21.844 112.75c.003.01-.004.051 0 .062l6.562 33.782L308.187 381h66.563l-98.938 243.438l-66.5.062l-52.937-196.438c31.498 16.687 58.314 35.994 73.844 62.563c-4.004-8.407-9.28-17.897-16.031-27.25c-7.862-10.892-24.841-24.955-31.938-30.938c-24.73-20.847-58.315-37.684-94.594-46.593zm312.782.281h65.094l-40.72 243.063H360.5zm367.656 0h49.313l51.625 243.063h-59.188s-5.872-27.924-7.781-36.438c-9.303 0-74.367-.093-81.688-.093c-2.477 6.58-13.437 36.53-13.437 36.53H640.75l94.719-222.874c6.706-15.838 18.137-20.188 33.406-20.188m4.844 65.375c-3.203 9.041-8.78 23.641-8.407 23c0 0-20.037 53.44-25.28 67.313l52.655-.032A191956 191956 0 0 0 778 467.408l-4.281-20.75z"/></svg>
How to use the Visa icon
React
import { Icon } from "@iconify/react";
<Icon icon="brandico:visa" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="brandico:visa" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="brandico:visa" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[brandico--visa]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/brandico -->
<div class="i-brandico:visa"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="brandico:visa"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/brandico/visa.svg" alt="Visa icon" width="24" height="24">
Visa icon in other icon sets
Visa icon FAQ
Is the Visa icon free for commercial use?
Yes. Brandico icons are released under the CC BY SA license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.
How do I use the Visa icon in React?
Install @iconify/react and render <Icon icon="brandico:visa" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Visa icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/brandico/visa.svg" alt="Visa icon">, or paste the SVG code inline to style it with CSS.
Browse all Brandico icons →
ICONYZ
