keydb icon logo

keydb-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
keydb-icon
Set
SVG Logos
Style
Color
Viewbox
256×291.146
License
CC0

Use the keydb icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 291.146"><path fill="#ff0" d="M128 14.222L14.223 211.235h227.555z" opacity=".88"/><path fill="#000200" d="M128 0c7.854 0 14.223 6.367 14.223 14.222q-.001.906-.11 1.781l91.068 52.578a14.16 14.16 0 0 1 8.598-2.892c7.853 0 14.221 6.367 14.221 14.222c0 5.89-3.581 10.945-8.685 13.104v105.116c5.104 2.16 8.685 7.213 8.685 13.104c0 7.855-6.368 14.222-14.221 14.222c-3.231 0-6.21-1.077-8.598-2.892l-91.069 52.578q.11.876.11 1.782c0 7.854-6.368 14.221-14.222 14.221c-7.855 0-14.222-6.367-14.222-14.221q0-.906.11-1.782l-91.067-52.58a14.16 14.16 0 0 1-8.6 2.894C6.369 225.457 0 219.09 0 211.235c0-5.891 3.582-10.945 8.686-13.104V93.015C3.582 90.855 0 85.801 0 79.911C0 72.056 6.368 65.69 14.222 65.69c3.23 0 6.21 1.077 8.598 2.892l91.069-52.576q-.111-.877-.111-1.783C113.778 6.367 120.145 0 128 0m-5.536 216.77H34.832l84.57 48.824a14.2 14.2 0 0 1 3.062-1.774zm98.703 0h-87.632l.002 47.05a14.2 14.2 0 0 1 3.06 1.775zm-38.3-96.5l-40.755 23.521q.11.876.11 1.781c0 5.891-3.581 10.946-8.685 13.105l-.002 47.021h95.138a14.2 14.2 0 0 1 1.768-3.052zm-109.735 0l-47.573 82.376a14.2 14.2 0 0 1 1.768 3.052h95.137v-47.02c-4.979-2.106-8.508-6.967-8.68-12.67l-.006-.436q0-.905.11-1.781zM22.823 91.24a14.2 14.2 0 0 1-3.064 1.776l-.002 97.591l43.808-75.855zm210.354 0l-40.743 23.512l43.808 75.855v-97.59a14.2 14.2 0 0 1-2.589-1.43zM129.773 28.334a14.4 14.4 0 0 1-3.546 0l-47.582 82.391l40.754 23.52a14.15 14.15 0 0 1 8.166-2.888l.435-.007a14.16 14.16 0 0 1 8.601 2.895l40.753-23.52zm13.308.96l43.84 75.91l40.745-23.513q-.083-.664-.104-1.345l-.007-.435q.001-.906.11-1.783zm-30.165 0L28.334 78.128a14.4 14.4 0 0 1 0 3.563l40.743 23.512z"/></svg>

React

import type { SVGProps } from "react";

export function LogosKeydbIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 291.146"><path fill="#ff0" d="M128 14.222L14.223 211.235h227.555z" opacity=".88"/><path fill="#000200" d="M128 0c7.854 0 14.223 6.367 14.223 14.222q-.001.906-.11 1.781l91.068 52.578a14.16 14.16 0 0 1 8.598-2.892c7.853 0 14.221 6.367 14.221 14.222c0 5.89-3.581 10.945-8.685 13.104v105.116c5.104 2.16 8.685 7.213 8.685 13.104c0 7.855-6.368 14.222-14.221 14.222c-3.231 0-6.21-1.077-8.598-2.892l-91.069 52.578q.11.876.11 1.782c0 7.854-6.368 14.221-14.222 14.221c-7.855 0-14.222-6.367-14.222-14.221q0-.906.11-1.782l-91.067-52.58a14.16 14.16 0 0 1-8.6 2.894C6.369 225.457 0 219.09 0 211.235c0-5.891 3.582-10.945 8.686-13.104V93.015C3.582 90.855 0 85.801 0 79.911C0 72.056 6.368 65.69 14.222 65.69c3.23 0 6.21 1.077 8.598 2.892l91.069-52.576q-.111-.877-.111-1.783C113.778 6.367 120.145 0 128 0m-5.536 216.77H34.832l84.57 48.824a14.2 14.2 0 0 1 3.062-1.774zm98.703 0h-87.632l.002 47.05a14.2 14.2 0 0 1 3.06 1.775zm-38.3-96.5l-40.755 23.521q.11.876.11 1.781c0 5.891-3.581 10.946-8.685 13.105l-.002 47.021h95.138a14.2 14.2 0 0 1 1.768-3.052zm-109.735 0l-47.573 82.376a14.2 14.2 0 0 1 1.768 3.052h95.137v-47.02c-4.979-2.106-8.508-6.967-8.68-12.67l-.006-.436q0-.905.11-1.781zM22.823 91.24a14.2 14.2 0 0 1-3.064 1.776l-.002 97.591l43.808-75.855zm210.354 0l-40.743 23.512l43.808 75.855v-97.59a14.2 14.2 0 0 1-2.589-1.43zM129.773 28.334a14.4 14.4 0 0 1-3.546 0l-47.582 82.391l40.754 23.52a14.15 14.15 0 0 1 8.166-2.888l.435-.007a14.16 14.16 0 0 1 8.601 2.895l40.753-23.52zm13.308.96l43.84 75.91l40.745-23.513q-.083-.664-.104-1.345l-.007-.435q.001-.906.11-1.783zm-30.165 0L28.334 78.128a14.4 14.4 0 0 1 0 3.563l40.743 23.512z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 291.146"><path fill="#ff0" d="M128 14.222L14.223 211.235h227.555z" opacity=".88"/><path fill="#000200" d="M128 0c7.854 0 14.223 6.367 14.223 14.222q-.001.906-.11 1.781l91.068 52.578a14.16 14.16 0 0 1 8.598-2.892c7.853 0 14.221 6.367 14.221 14.222c0 5.89-3.581 10.945-8.685 13.104v105.116c5.104 2.16 8.685 7.213 8.685 13.104c0 7.855-6.368 14.222-14.221 14.222c-3.231 0-6.21-1.077-8.598-2.892l-91.069 52.578q.11.876.11 1.782c0 7.854-6.368 14.221-14.222 14.221c-7.855 0-14.222-6.367-14.222-14.221q0-.906.11-1.782l-91.067-52.58a14.16 14.16 0 0 1-8.6 2.894C6.369 225.457 0 219.09 0 211.235c0-5.891 3.582-10.945 8.686-13.104V93.015C3.582 90.855 0 85.801 0 79.911C0 72.056 6.368 65.69 14.222 65.69c3.23 0 6.21 1.077 8.598 2.892l91.069-52.576q-.111-.877-.111-1.783C113.778 6.367 120.145 0 128 0m-5.536 216.77H34.832l84.57 48.824a14.2 14.2 0 0 1 3.062-1.774zm98.703 0h-87.632l.002 47.05a14.2 14.2 0 0 1 3.06 1.775zm-38.3-96.5l-40.755 23.521q.11.876.11 1.781c0 5.891-3.581 10.946-8.685 13.105l-.002 47.021h95.138a14.2 14.2 0 0 1 1.768-3.052zm-109.735 0l-47.573 82.376a14.2 14.2 0 0 1 1.768 3.052h95.137v-47.02c-4.979-2.106-8.508-6.967-8.68-12.67l-.006-.436q0-.905.11-1.781zM22.823 91.24a14.2 14.2 0 0 1-3.064 1.776l-.002 97.591l43.808-75.855zm210.354 0l-40.743 23.512l43.808 75.855v-97.59a14.2 14.2 0 0 1-2.589-1.43zM129.773 28.334a14.4 14.4 0 0 1-3.546 0l-47.582 82.391l40.754 23.52a14.15 14.15 0 0 1 8.166-2.888l.435-.007a14.16 14.16 0 0 1 8.601 2.895l40.753-23.52zm13.308.96l43.84 75.91l40.745-23.513q-.083-.664-.104-1.345l-.007-.435q.001-.906.11-1.783zm-30.165 0L28.334 78.128a14.4 14.4 0 0 1 0 3.563l40.743 23.512z"/></svg>
</template>

CSS

.icon-keydb-icon {
  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%20256%20291.146%22%3E%3Cpath%20fill%3D%22%23ff0%22%20d%3D%22M128%2014.222L14.223%20211.235h227.555z%22%20opacity%3D%22.88%22%2F%3E%3Cpath%20fill%3D%22%23000200%22%20d%3D%22M128%200c7.854%200%2014.223%206.367%2014.223%2014.222q-.001.906-.11%201.781l91.068%2052.578a14.16%2014.16%200%200%201%208.598-2.892c7.853%200%2014.221%206.367%2014.221%2014.222c0%205.89-3.581%2010.945-8.685%2013.104v105.116c5.104%202.16%208.685%207.213%208.685%2013.104c0%207.855-6.368%2014.222-14.221%2014.222c-3.231%200-6.21-1.077-8.598-2.892l-91.069%2052.578q.11.876.11%201.782c0%207.854-6.368%2014.221-14.222%2014.221c-7.855%200-14.222-6.367-14.222-14.221q0-.906.11-1.782l-91.067-52.58a14.16%2014.16%200%200%201-8.6%202.894C6.369%20225.457%200%20219.09%200%20211.235c0-5.891%203.582-10.945%208.686-13.104V93.015C3.582%2090.855%200%2085.801%200%2079.911C0%2072.056%206.368%2065.69%2014.222%2065.69c3.23%200%206.21%201.077%208.598%202.892l91.069-52.576q-.111-.877-.111-1.783C113.778%206.367%20120.145%200%20128%200m-5.536%20216.77H34.832l84.57%2048.824a14.2%2014.2%200%200%201%203.062-1.774zm98.703%200h-87.632l.002%2047.05a14.2%2014.2%200%200%201%203.06%201.775zm-38.3-96.5l-40.755%2023.521q.11.876.11%201.781c0%205.891-3.581%2010.946-8.685%2013.105l-.002%2047.021h95.138a14.2%2014.2%200%200%201%201.768-3.052zm-109.735%200l-47.573%2082.376a14.2%2014.2%200%200%201%201.768%203.052h95.137v-47.02c-4.979-2.106-8.508-6.967-8.68-12.67l-.006-.436q0-.905.11-1.781zM22.823%2091.24a14.2%2014.2%200%200%201-3.064%201.776l-.002%2097.591l43.808-75.855zm210.354%200l-40.743%2023.512l43.808%2075.855v-97.59a14.2%2014.2%200%200%201-2.589-1.43zM129.773%2028.334a14.4%2014.4%200%200%201-3.546%200l-47.582%2082.391l40.754%2023.52a14.15%2014.15%200%200%201%208.166-2.888l.435-.007a14.16%2014.16%200%200%201%208.601%202.895l40.753-23.52zm13.308.96l43.84%2075.91l40.745-23.513q-.083-.664-.104-1.345l-.007-.435q.001-.906.11-1.783zm-30.165%200L28.334%2078.128a14.4%2014.4%200%200%201%200%203.563l40.743%2023.512z%22%2F%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%20256%20291.146%22%3E%3Cpath%20fill%3D%22%23ff0%22%20d%3D%22M128%2014.222L14.223%20211.235h227.555z%22%20opacity%3D%22.88%22%2F%3E%3Cpath%20fill%3D%22%23000200%22%20d%3D%22M128%200c7.854%200%2014.223%206.367%2014.223%2014.222q-.001.906-.11%201.781l91.068%2052.578a14.16%2014.16%200%200%201%208.598-2.892c7.853%200%2014.221%206.367%2014.221%2014.222c0%205.89-3.581%2010.945-8.685%2013.104v105.116c5.104%202.16%208.685%207.213%208.685%2013.104c0%207.855-6.368%2014.222-14.221%2014.222c-3.231%200-6.21-1.077-8.598-2.892l-91.069%2052.578q.11.876.11%201.782c0%207.854-6.368%2014.221-14.222%2014.221c-7.855%200-14.222-6.367-14.222-14.221q0-.906.11-1.782l-91.067-52.58a14.16%2014.16%200%200%201-8.6%202.894C6.369%20225.457%200%20219.09%200%20211.235c0-5.891%203.582-10.945%208.686-13.104V93.015C3.582%2090.855%200%2085.801%200%2079.911C0%2072.056%206.368%2065.69%2014.222%2065.69c3.23%200%206.21%201.077%208.598%202.892l91.069-52.576q-.111-.877-.111-1.783C113.778%206.367%20120.145%200%20128%200m-5.536%20216.77H34.832l84.57%2048.824a14.2%2014.2%200%200%201%203.062-1.774zm98.703%200h-87.632l.002%2047.05a14.2%2014.2%200%200%201%203.06%201.775zm-38.3-96.5l-40.755%2023.521q.11.876.11%201.781c0%205.891-3.581%2010.946-8.685%2013.105l-.002%2047.021h95.138a14.2%2014.2%200%200%201%201.768-3.052zm-109.735%200l-47.573%2082.376a14.2%2014.2%200%200%201%201.768%203.052h95.137v-47.02c-4.979-2.106-8.508-6.967-8.68-12.67l-.006-.436q0-.905.11-1.781zM22.823%2091.24a14.2%2014.2%200%200%201-3.064%201.776l-.002%2097.591l43.808-75.855zm210.354%200l-40.743%2023.512l43.808%2075.855v-97.59a14.2%2014.2%200%200%201-2.589-1.43zM129.773%2028.334a14.4%2014.4%200%200%201-3.546%200l-47.582%2082.391l40.754%2023.52a14.15%2014.15%200%200%201%208.166-2.888l.435-.007a14.16%2014.16%200%200%201%208.601%202.895l40.753-23.52zm13.308.96l43.84%2075.91l40.745-23.513q-.083-.664-.104-1.345l-.007-.435q.001-.906.11-1.783zm-30.165%200L28.334%2078.128a14.4%2014.4%200%200%201%200%203.563l40.743%2023.512z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/keydb-icon.svg?color=%231a73e8&size=48