Corda icon

logos:corda

The Corda icon (logos:corda) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 157 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 × 157

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="157" viewBox="0 0 512 157"><path fill="#e0081c" d="M477.81 145.722c-20.176 18.944-68.268 14.916-68.268-22.451c0-39.378 41.79-42.417 68.018-40.025v-.139c-.964-20.6-35.658-15.526-49.51-4.595c-4.332-6.134-11.681-17.108-14.69-22.062c15.94-12.153 54.876-21.015 74.794-9.831a46.62 46.62 0 0 1 23.844 40.695v66.783h-33.261zm-130.862-.909c-35.39 27.73-71.68 1.4-76.203-34.27c-5.632-44.43 30.02-79.714 75.919-64.336V0h34.988v154.107h-33.67zm-.287-37.427v-30.86c-15.162-6.814-38.571-7.077-40.7 23.905c-2.183 31.732 37.967 34.957 40.7 6.952M212.357 56.252q15.366-18.543 43.7-10.687q-4.267 23.183-5.863 31.323c-27.225-4.686-37.25 3.41-37.367 26.89v50.485H177.85V45.108h33.678zM90.151 53.654A56.8 56.8 0 0 0 69.57 81.89c-9.751-7.079-23.394-4.915-30.475 4.834a21.81 21.81 0 0 0 4.841 30.47a21.81 21.81 0 0 0 25.634 0a56.8 56.8 0 0 0 20.58 28.237a56.75 56.75 0 0 1-79.284-12.495A56.75 56.75 0 0 1 23.36 53.651c19.907-14.486 46.884-14.486 66.79 0m387.277 52.874c-10.441.125-33.994-3.614-33.455 13.553s33.455 14.163 33.455-5.685v-7.856m-353.824 14.846c-12.05-.03-21.793-9.822-21.764-21.87c.03-12.048 9.817-21.79 21.864-21.764c12.03.028 21.767 9.786 21.768 21.816c-.022 12.06-9.81 21.824-21.87 21.816"/></svg>

How to use the Corda icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Corda icon FAQ

Is the Corda 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 Corda icon in React?

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

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

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

Browse all SVG Logos icons →