copi logo
copi from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- copi
- Set
- Web3 Icons Branded
- Style
- Branded
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
The same logo in other sets
Use the copi logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGjA0coc9K)" d="M9.5 13c.25 3.75 2.72 6.115 4.21 6.715c-1.75.77-5.79.475-5.79-6.945c0-7.455 4.475-9 6.845-9.255l2.365.515L19 3.515l.5.515c-.63.2-1.56 1.37-2 1.97c-.63-1.235-2.125-1.5-2.735-1.5c-2.9 0-5.575 3.875-5.265 8.5"/><path fill="url(#SVGhxzbKR1B)" d="M19 3.515c-.815.235-1.605 1.2-1.87 1.8A2.67 2.67 0 0 0 14.75 4C12.63 4 8.5 7.085 8.5 12.75c0 5.63 3.355 7 6.25 7c1.75 0 2.825-1.135 2.645-1.835c-.09-.345-.05-1.03.79-1.03s.895.515.79 1.03C18.71 19.2 16.675 21 13.25 21c-3.42 0-6.12-4.115-6.91-5.915c-.63-1.44-1.49-1.97-1.84-2.055c.42-.825 1.4-.86 1.84-.775A8.855 8.855 0 0 1 14.75 3c1.05 0 1.855.345 2.12.515A2.03 2.03 0 0 1 18.185 3c.315 0 .565.25.815.515"/><defs><linearGradient id="SVGjA0coc9K" x1="12" x2="12" y1="3" y2="21.001" gradientUnits="userSpaceOnUse"><stop stop-color="#7c4f14"/><stop offset=".17" stop-color="#cf8c21"/><stop offset=".28" stop-color="#f0b035"/><stop offset=".43" stop-color="#734a08"/><stop offset=".67" stop-color="#bc7908"/><stop offset="1" stop-color="#3e1e05"/></linearGradient><linearGradient id="SVGhxzbKR1B" x1="11.755" x2="11.755" y1="3" y2="21" gradientUnits="userSpaceOnUse"><stop stop-color="#efdf58"/><stop offset=".47" stop-color="#c67d16"/><stop offset="1" stop-color="#8b4102"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedCopi(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGjA0coc9K)" d="M9.5 13c.25 3.75 2.72 6.115 4.21 6.715c-1.75.77-5.79.475-5.79-6.945c0-7.455 4.475-9 6.845-9.255l2.365.515L19 3.515l.5.515c-.63.2-1.56 1.37-2 1.97c-.63-1.235-2.125-1.5-2.735-1.5c-2.9 0-5.575 3.875-5.265 8.5"/><path fill="url(#SVGhxzbKR1B)" d="M19 3.515c-.815.235-1.605 1.2-1.87 1.8A2.67 2.67 0 0 0 14.75 4C12.63 4 8.5 7.085 8.5 12.75c0 5.63 3.355 7 6.25 7c1.75 0 2.825-1.135 2.645-1.835c-.09-.345-.05-1.03.79-1.03s.895.515.79 1.03C18.71 19.2 16.675 21 13.25 21c-3.42 0-6.12-4.115-6.91-5.915c-.63-1.44-1.49-1.97-1.84-2.055c.42-.825 1.4-.86 1.84-.775A8.855 8.855 0 0 1 14.75 3c1.05 0 1.855.345 2.12.515A2.03 2.03 0 0 1 18.185 3c.315 0 .565.25.815.515"/><defs><linearGradient id="SVGjA0coc9K" x1="12" x2="12" y1="3" y2="21.001" gradientUnits="userSpaceOnUse"><stop stopColor="#7c4f14"/><stop offset=".17" stopColor="#cf8c21"/><stop offset=".28" stopColor="#f0b035"/><stop offset=".43" stopColor="#734a08"/><stop offset=".67" stopColor="#bc7908"/><stop offset="1" stopColor="#3e1e05"/></linearGradient><linearGradient id="SVGhxzbKR1B" x1="11.755" x2="11.755" y1="3" y2="21" gradientUnits="userSpaceOnUse"><stop stopColor="#efdf58"/><stop offset=".47" stopColor="#c67d16"/><stop offset="1" stopColor="#8b4102"/></linearGradient></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGjA0coc9K)" d="M9.5 13c.25 3.75 2.72 6.115 4.21 6.715c-1.75.77-5.79.475-5.79-6.945c0-7.455 4.475-9 6.845-9.255l2.365.515L19 3.515l.5.515c-.63.2-1.56 1.37-2 1.97c-.63-1.235-2.125-1.5-2.735-1.5c-2.9 0-5.575 3.875-5.265 8.5"/><path fill="url(#SVGhxzbKR1B)" d="M19 3.515c-.815.235-1.605 1.2-1.87 1.8A2.67 2.67 0 0 0 14.75 4C12.63 4 8.5 7.085 8.5 12.75c0 5.63 3.355 7 6.25 7c1.75 0 2.825-1.135 2.645-1.835c-.09-.345-.05-1.03.79-1.03s.895.515.79 1.03C18.71 19.2 16.675 21 13.25 21c-3.42 0-6.12-4.115-6.91-5.915c-.63-1.44-1.49-1.97-1.84-2.055c.42-.825 1.4-.86 1.84-.775A8.855 8.855 0 0 1 14.75 3c1.05 0 1.855.345 2.12.515A2.03 2.03 0 0 1 18.185 3c.315 0 .565.25.815.515"/><defs><linearGradient id="SVGjA0coc9K" x1="12" x2="12" y1="3" y2="21.001" gradientUnits="userSpaceOnUse"><stop stop-color="#7c4f14"/><stop offset=".17" stop-color="#cf8c21"/><stop offset=".28" stop-color="#f0b035"/><stop offset=".43" stop-color="#734a08"/><stop offset=".67" stop-color="#bc7908"/><stop offset="1" stop-color="#3e1e05"/></linearGradient><linearGradient id="SVGhxzbKR1B" x1="11.755" x2="11.755" y1="3" y2="21" gradientUnits="userSpaceOnUse"><stop stop-color="#efdf58"/><stop offset=".47" stop-color="#c67d16"/><stop offset="1" stop-color="#8b4102"/></linearGradient></defs></g></svg> </template>
CSS
.icon-copi {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVGjA0coc9K)%22%20d%3D%22M9.5%2013c.25%203.75%202.72%206.115%204.21%206.715c-1.75.77-5.79.475-5.79-6.945c0-7.455%204.475-9%206.845-9.255l2.365.515L19%203.515l.5.515c-.63.2-1.56%201.37-2%201.97c-.63-1.235-2.125-1.5-2.735-1.5c-2.9%200-5.575%203.875-5.265%208.5%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGhxzbKR1B)%22%20d%3D%22M19%203.515c-.815.235-1.605%201.2-1.87%201.8A2.67%202.67%200%200%200%2014.75%204C12.63%204%208.5%207.085%208.5%2012.75c0%205.63%203.355%207%206.25%207c1.75%200%202.825-1.135%202.645-1.835c-.09-.345-.05-1.03.79-1.03s.895.515.79%201.03C18.71%2019.2%2016.675%2021%2013.25%2021c-3.42%200-6.12-4.115-6.91-5.915c-.63-1.44-1.49-1.97-1.84-2.055c.42-.825%201.4-.86%201.84-.775A8.855%208.855%200%200%201%2014.75%203c1.05%200%201.855.345%202.12.515A2.03%202.03%200%200%201%2018.185%203c.315%200%20.565.25.815.515%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGjA0coc9K%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%223%22%20y2%3D%2221.001%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%237c4f14%22%2F%3E%3Cstop%20offset%3D%22.17%22%20stop-color%3D%22%23cf8c21%22%2F%3E%3Cstop%20offset%3D%22.28%22%20stop-color%3D%22%23f0b035%22%2F%3E%3Cstop%20offset%3D%22.43%22%20stop-color%3D%22%23734a08%22%2F%3E%3Cstop%20offset%3D%22.67%22%20stop-color%3D%22%23bc7908%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233e1e05%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGhxzbKR1B%22%20x1%3D%2211.755%22%20x2%3D%2211.755%22%20y1%3D%223%22%20y2%3D%2221%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23efdf58%22%2F%3E%3Cstop%20offset%3D%22.47%22%20stop-color%3D%22%23c67d16%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238b4102%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVGjA0coc9K)%22%20d%3D%22M9.5%2013c.25%203.75%202.72%206.115%204.21%206.715c-1.75.77-5.79.475-5.79-6.945c0-7.455%204.475-9%206.845-9.255l2.365.515L19%203.515l.5.515c-.63.2-1.56%201.37-2%201.97c-.63-1.235-2.125-1.5-2.735-1.5c-2.9%200-5.575%203.875-5.265%208.5%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGhxzbKR1B)%22%20d%3D%22M19%203.515c-.815.235-1.605%201.2-1.87%201.8A2.67%202.67%200%200%200%2014.75%204C12.63%204%208.5%207.085%208.5%2012.75c0%205.63%203.355%207%206.25%207c1.75%200%202.825-1.135%202.645-1.835c-.09-.345-.05-1.03.79-1.03s.895.515.79%201.03C18.71%2019.2%2016.675%2021%2013.25%2021c-3.42%200-6.12-4.115-6.91-5.915c-.63-1.44-1.49-1.97-1.84-2.055c.42-.825%201.4-.86%201.84-.775A8.855%208.855%200%200%201%2014.75%203c1.05%200%201.855.345%202.12.515A2.03%202.03%200%200%201%2018.185%203c.315%200%20.565.25.815.515%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGjA0coc9K%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%223%22%20y2%3D%2221.001%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%237c4f14%22%2F%3E%3Cstop%20offset%3D%22.17%22%20stop-color%3D%22%23cf8c21%22%2F%3E%3Cstop%20offset%3D%22.28%22%20stop-color%3D%22%23f0b035%22%2F%3E%3Cstop%20offset%3D%22.43%22%20stop-color%3D%22%23734a08%22%2F%3E%3Cstop%20offset%3D%22.67%22%20stop-color%3D%22%23bc7908%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233e1e05%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGhxzbKR1B%22%20x1%3D%2211.755%22%20x2%3D%2211.755%22%20y1%3D%223%22%20y2%3D%2221%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23efdf58%22%2F%3E%3Cstop%20offset%3D%22.47%22%20stop-color%3D%22%23c67d16%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238b4102%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/copi.svg?color=%231a73e8&size=48
