cph logo
cph from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- cph
- 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 cph 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(#SVGgluV7bfC)" d="m8.823 7.185l1.18.328v4.39c.054.503.456 1.678 1.61 2.377l2.86 1.727v1.43l-4.305-2.648a3.23 3.23 0 0 1-1.345-2.7v-4.91zm-1.89-.54l.985.28q-.026.232-.027.467v5.755c.053.503.466 1.679 1.642 2.378l1.032.614l-1.27.635l-1.234-.74a3.22 3.22 0 0 1-1.367-2.701V7.82c0-.285.059-.714.239-1.18zm7.54 11.834l-2.992-1.795l-1.27.652l2.848 1.726c.228.137.45.222.657.275l.762-.805v-.053z"/><path fill="url(#SVGJ5NcBdlN)" d="M4.057 9.001v5.428a4.06 4.06 0 0 0 1.938 3.458l4.215 2.594a3.42 3.42 0 0 0 5.231-2.939v-2.668l-1.324.704v2.102a2.028 2.028 0 0 1-3.102 1.753l-4.051-2.489a3.33 3.33 0 0 1-1.583-2.833V8.933a2.07 2.07 0 0 1 3.172-1.748l4.024 2.51a3.34 3.34 0 0 1 1.54 2.875v1.854l1.324-.726v-1.747c0-1.176-.53-2.266-1.535-2.886L9.183 6.163a3.357 3.357 0 0 0-5.126 2.838"/><path fill="url(#SVGpc9msbvF)" d="M7.689 4.838v.18c.54-.238 1.392-.027 1.752.111l5.317 3.177a3.68 3.68 0 0 1 1.742 2.457v5.957a4.65 4.65 0 0 1-.837 2.595l.053.105c1.588-.81 2.113-2.435 2.107-3.15v-5.698a3.37 3.37 0 0 0-1.546-2.79l-5.168-3.14a2.35 2.35 0 0 0-1.35-.35c-1.027 0-1.811.366-2.07.546"/><path fill="url(#SVGSPuh4Dsd)" d="M9.94 3.732v-.18a3.96 3.96 0 0 1 2.076-.545c.211-.027.783.01 1.35.35l2.261 1.376l-1.313.678l-2.616-1.568c-.36-.137-1.218-.349-1.758-.11m5.322 2.245l1.747 1.043a3.39 3.39 0 0 1 1.61 2.457v5.957c0 1.234-.44 2.245-.705 2.595l.053.106c1.594-.81 1.98-2.436 1.975-3.15v-5.7a3.33 3.33 0 0 0-1.413-2.79l-1.944-1.181z"/><defs><linearGradient id="SVGgluV7bfC" x1="6.165" x2="17.08" y1="5.601" y2="17.882" gradientUnits="userSpaceOnUse"><stop stop-color="#262223"/><stop offset="1" stop-color="#6b6a6f"/></linearGradient><linearGradient id="SVGJ5NcBdlN" x1="6.165" x2="17.079" y1="5.601" y2="17.882" gradientUnits="userSpaceOnUse"><stop stop-color="#262223"/><stop offset="1" stop-color="#6b6a6f"/></linearGradient><linearGradient id="SVGpc9msbvF" x1="6.164" x2="17.078" y1="5.599" y2="17.881" gradientUnits="userSpaceOnUse"><stop stop-color="#262223"/><stop offset="1" stop-color="#6b6a6f"/></linearGradient><linearGradient id="SVGSPuh4Dsd" x1="6.165" x2="17.079" y1="5.6" y2="17.882" gradientUnits="userSpaceOnUse"><stop stop-color="#262223"/><stop offset="1" stop-color="#6b6a6f"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedCph(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(#SVGgluV7bfC)" d="m8.823 7.185l1.18.328v4.39c.054.503.456 1.678 1.61 2.377l2.86 1.727v1.43l-4.305-2.648a3.23 3.23 0 0 1-1.345-2.7v-4.91zm-1.89-.54l.985.28q-.026.232-.027.467v5.755c.053.503.466 1.679 1.642 2.378l1.032.614l-1.27.635l-1.234-.74a3.22 3.22 0 0 1-1.367-2.701V7.82c0-.285.059-.714.239-1.18zm7.54 11.834l-2.992-1.795l-1.27.652l2.848 1.726c.228.137.45.222.657.275l.762-.805v-.053z"/><path fill="url(#SVGJ5NcBdlN)" d="M4.057 9.001v5.428a4.06 4.06 0 0 0 1.938 3.458l4.215 2.594a3.42 3.42 0 0 0 5.231-2.939v-2.668l-1.324.704v2.102a2.028 2.028 0 0 1-3.102 1.753l-4.051-2.489a3.33 3.33 0 0 1-1.583-2.833V8.933a2.07 2.07 0 0 1 3.172-1.748l4.024 2.51a3.34 3.34 0 0 1 1.54 2.875v1.854l1.324-.726v-1.747c0-1.176-.53-2.266-1.535-2.886L9.183 6.163a3.357 3.357 0 0 0-5.126 2.838"/><path fill="url(#SVGpc9msbvF)" d="M7.689 4.838v.18c.54-.238 1.392-.027 1.752.111l5.317 3.177a3.68 3.68 0 0 1 1.742 2.457v5.957a4.65 4.65 0 0 1-.837 2.595l.053.105c1.588-.81 2.113-2.435 2.107-3.15v-5.698a3.37 3.37 0 0 0-1.546-2.79l-5.168-3.14a2.35 2.35 0 0 0-1.35-.35c-1.027 0-1.811.366-2.07.546"/><path fill="url(#SVGSPuh4Dsd)" d="M9.94 3.732v-.18a3.96 3.96 0 0 1 2.076-.545c.211-.027.783.01 1.35.35l2.261 1.376l-1.313.678l-2.616-1.568c-.36-.137-1.218-.349-1.758-.11m5.322 2.245l1.747 1.043a3.39 3.39 0 0 1 1.61 2.457v5.957c0 1.234-.44 2.245-.705 2.595l.053.106c1.594-.81 1.98-2.436 1.975-3.15v-5.7a3.33 3.33 0 0 0-1.413-2.79l-1.944-1.181z"/><defs><linearGradient id="SVGgluV7bfC" x1="6.165" x2="17.08" y1="5.601" y2="17.882" gradientUnits="userSpaceOnUse"><stop stopColor="#262223"/><stop offset="1" stopColor="#6b6a6f"/></linearGradient><linearGradient id="SVGJ5NcBdlN" x1="6.165" x2="17.079" y1="5.601" y2="17.882" gradientUnits="userSpaceOnUse"><stop stopColor="#262223"/><stop offset="1" stopColor="#6b6a6f"/></linearGradient><linearGradient id="SVGpc9msbvF" x1="6.164" x2="17.078" y1="5.599" y2="17.881" gradientUnits="userSpaceOnUse"><stop stopColor="#262223"/><stop offset="1" stopColor="#6b6a6f"/></linearGradient><linearGradient id="SVGSPuh4Dsd" x1="6.165" x2="17.079" y1="5.6" y2="17.882" gradientUnits="userSpaceOnUse"><stop stopColor="#262223"/><stop offset="1" stopColor="#6b6a6f"/></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(#SVGgluV7bfC)" d="m8.823 7.185l1.18.328v4.39c.054.503.456 1.678 1.61 2.377l2.86 1.727v1.43l-4.305-2.648a3.23 3.23 0 0 1-1.345-2.7v-4.91zm-1.89-.54l.985.28q-.026.232-.027.467v5.755c.053.503.466 1.679 1.642 2.378l1.032.614l-1.27.635l-1.234-.74a3.22 3.22 0 0 1-1.367-2.701V7.82c0-.285.059-.714.239-1.18zm7.54 11.834l-2.992-1.795l-1.27.652l2.848 1.726c.228.137.45.222.657.275l.762-.805v-.053z"/><path fill="url(#SVGJ5NcBdlN)" d="M4.057 9.001v5.428a4.06 4.06 0 0 0 1.938 3.458l4.215 2.594a3.42 3.42 0 0 0 5.231-2.939v-2.668l-1.324.704v2.102a2.028 2.028 0 0 1-3.102 1.753l-4.051-2.489a3.33 3.33 0 0 1-1.583-2.833V8.933a2.07 2.07 0 0 1 3.172-1.748l4.024 2.51a3.34 3.34 0 0 1 1.54 2.875v1.854l1.324-.726v-1.747c0-1.176-.53-2.266-1.535-2.886L9.183 6.163a3.357 3.357 0 0 0-5.126 2.838"/><path fill="url(#SVGpc9msbvF)" d="M7.689 4.838v.18c.54-.238 1.392-.027 1.752.111l5.317 3.177a3.68 3.68 0 0 1 1.742 2.457v5.957a4.65 4.65 0 0 1-.837 2.595l.053.105c1.588-.81 2.113-2.435 2.107-3.15v-5.698a3.37 3.37 0 0 0-1.546-2.79l-5.168-3.14a2.35 2.35 0 0 0-1.35-.35c-1.027 0-1.811.366-2.07.546"/><path fill="url(#SVGSPuh4Dsd)" d="M9.94 3.732v-.18a3.96 3.96 0 0 1 2.076-.545c.211-.027.783.01 1.35.35l2.261 1.376l-1.313.678l-2.616-1.568c-.36-.137-1.218-.349-1.758-.11m5.322 2.245l1.747 1.043a3.39 3.39 0 0 1 1.61 2.457v5.957c0 1.234-.44 2.245-.705 2.595l.053.106c1.594-.81 1.98-2.436 1.975-3.15v-5.7a3.33 3.33 0 0 0-1.413-2.79l-1.944-1.181z"/><defs><linearGradient id="SVGgluV7bfC" x1="6.165" x2="17.08" y1="5.601" y2="17.882" gradientUnits="userSpaceOnUse"><stop stop-color="#262223"/><stop offset="1" stop-color="#6b6a6f"/></linearGradient><linearGradient id="SVGJ5NcBdlN" x1="6.165" x2="17.079" y1="5.601" y2="17.882" gradientUnits="userSpaceOnUse"><stop stop-color="#262223"/><stop offset="1" stop-color="#6b6a6f"/></linearGradient><linearGradient id="SVGpc9msbvF" x1="6.164" x2="17.078" y1="5.599" y2="17.881" gradientUnits="userSpaceOnUse"><stop stop-color="#262223"/><stop offset="1" stop-color="#6b6a6f"/></linearGradient><linearGradient id="SVGSPuh4Dsd" x1="6.165" x2="17.079" y1="5.6" y2="17.882" gradientUnits="userSpaceOnUse"><stop stop-color="#262223"/><stop offset="1" stop-color="#6b6a6f"/></linearGradient></defs></g></svg> </template>
CSS
.icon-cph {
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(%23SVGgluV7bfC)%22%20d%3D%22m8.823%207.185l1.18.328v4.39c.054.503.456%201.678%201.61%202.377l2.86%201.727v1.43l-4.305-2.648a3.23%203.23%200%200%201-1.345-2.7v-4.91zm-1.89-.54l.985.28q-.026.232-.027.467v5.755c.053.503.466%201.679%201.642%202.378l1.032.614l-1.27.635l-1.234-.74a3.22%203.22%200%200%201-1.367-2.701V7.82c0-.285.059-.714.239-1.18zm7.54%2011.834l-2.992-1.795l-1.27.652l2.848%201.726c.228.137.45.222.657.275l.762-.805v-.053z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGJ5NcBdlN)%22%20d%3D%22M4.057%209.001v5.428a4.06%204.06%200%200%200%201.938%203.458l4.215%202.594a3.42%203.42%200%200%200%205.231-2.939v-2.668l-1.324.704v2.102a2.028%202.028%200%200%201-3.102%201.753l-4.051-2.489a3.33%203.33%200%200%201-1.583-2.833V8.933a2.07%202.07%200%200%201%203.172-1.748l4.024%202.51a3.34%203.34%200%200%201%201.54%202.875v1.854l1.324-.726v-1.747c0-1.176-.53-2.266-1.535-2.886L9.183%206.163a3.357%203.357%200%200%200-5.126%202.838%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGpc9msbvF)%22%20d%3D%22M7.689%204.838v.18c.54-.238%201.392-.027%201.752.111l5.317%203.177a3.68%203.68%200%200%201%201.742%202.457v5.957a4.65%204.65%200%200%201-.837%202.595l.053.105c1.588-.81%202.113-2.435%202.107-3.15v-5.698a3.37%203.37%200%200%200-1.546-2.79l-5.168-3.14a2.35%202.35%200%200%200-1.35-.35c-1.027%200-1.811.366-2.07.546%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGSPuh4Dsd)%22%20d%3D%22M9.94%203.732v-.18a3.96%203.96%200%200%201%202.076-.545c.211-.027.783.01%201.35.35l2.261%201.376l-1.313.678l-2.616-1.568c-.36-.137-1.218-.349-1.758-.11m5.322%202.245l1.747%201.043a3.39%203.39%200%200%201%201.61%202.457v5.957c0%201.234-.44%202.245-.705%202.595l.053.106c1.594-.81%201.98-2.436%201.975-3.15v-5.7a3.33%203.33%200%200%200-1.413-2.79l-1.944-1.181z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGgluV7bfC%22%20x1%3D%226.165%22%20x2%3D%2217.08%22%20y1%3D%225.601%22%20y2%3D%2217.882%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23262223%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%236b6a6f%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGJ5NcBdlN%22%20x1%3D%226.165%22%20x2%3D%2217.079%22%20y1%3D%225.601%22%20y2%3D%2217.882%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23262223%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%236b6a6f%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGpc9msbvF%22%20x1%3D%226.164%22%20x2%3D%2217.078%22%20y1%3D%225.599%22%20y2%3D%2217.881%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23262223%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%236b6a6f%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGSPuh4Dsd%22%20x1%3D%226.165%22%20x2%3D%2217.079%22%20y1%3D%225.6%22%20y2%3D%2217.882%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23262223%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%236b6a6f%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(%23SVGgluV7bfC)%22%20d%3D%22m8.823%207.185l1.18.328v4.39c.054.503.456%201.678%201.61%202.377l2.86%201.727v1.43l-4.305-2.648a3.23%203.23%200%200%201-1.345-2.7v-4.91zm-1.89-.54l.985.28q-.026.232-.027.467v5.755c.053.503.466%201.679%201.642%202.378l1.032.614l-1.27.635l-1.234-.74a3.22%203.22%200%200%201-1.367-2.701V7.82c0-.285.059-.714.239-1.18zm7.54%2011.834l-2.992-1.795l-1.27.652l2.848%201.726c.228.137.45.222.657.275l.762-.805v-.053z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGJ5NcBdlN)%22%20d%3D%22M4.057%209.001v5.428a4.06%204.06%200%200%200%201.938%203.458l4.215%202.594a3.42%203.42%200%200%200%205.231-2.939v-2.668l-1.324.704v2.102a2.028%202.028%200%200%201-3.102%201.753l-4.051-2.489a3.33%203.33%200%200%201-1.583-2.833V8.933a2.07%202.07%200%200%201%203.172-1.748l4.024%202.51a3.34%203.34%200%200%201%201.54%202.875v1.854l1.324-.726v-1.747c0-1.176-.53-2.266-1.535-2.886L9.183%206.163a3.357%203.357%200%200%200-5.126%202.838%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGpc9msbvF)%22%20d%3D%22M7.689%204.838v.18c.54-.238%201.392-.027%201.752.111l5.317%203.177a3.68%203.68%200%200%201%201.742%202.457v5.957a4.65%204.65%200%200%201-.837%202.595l.053.105c1.588-.81%202.113-2.435%202.107-3.15v-5.698a3.37%203.37%200%200%200-1.546-2.79l-5.168-3.14a2.35%202.35%200%200%200-1.35-.35c-1.027%200-1.811.366-2.07.546%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGSPuh4Dsd)%22%20d%3D%22M9.94%203.732v-.18a3.96%203.96%200%200%201%202.076-.545c.211-.027.783.01%201.35.35l2.261%201.376l-1.313.678l-2.616-1.568c-.36-.137-1.218-.349-1.758-.11m5.322%202.245l1.747%201.043a3.39%203.39%200%200%201%201.61%202.457v5.957c0%201.234-.44%202.245-.705%202.595l.053.106c1.594-.81%201.98-2.436%201.975-3.15v-5.7a3.33%203.33%200%200%200-1.413-2.79l-1.944-1.181z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGgluV7bfC%22%20x1%3D%226.165%22%20x2%3D%2217.08%22%20y1%3D%225.601%22%20y2%3D%2217.882%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23262223%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%236b6a6f%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGJ5NcBdlN%22%20x1%3D%226.165%22%20x2%3D%2217.079%22%20y1%3D%225.601%22%20y2%3D%2217.882%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23262223%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%236b6a6f%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGpc9msbvF%22%20x1%3D%226.164%22%20x2%3D%2217.078%22%20y1%3D%225.599%22%20y2%3D%2217.881%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23262223%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%236b6a6f%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGSPuh4Dsd%22%20x1%3D%226.165%22%20x2%3D%2217.079%22%20y1%3D%225.6%22%20y2%3D%2217.882%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23262223%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%236b6a6f%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/cph.svg?color=%231a73e8&size=48
