surrealdb icon logo
surrealdb-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- surrealdb-icon
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×299
- License
- CC0
Use the surrealdb icon logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 299"><defs><linearGradient id="SVGqJZyIdTu" x1="31.047%" x2="68.957%" y1="11.705%" y2="88.303%"><stop offset="0%" stop-color="#ff00a0"/><stop offset="100%" stop-color="#9600ff"/></linearGradient></defs><path fill="url(#SVGqJZyIdTu)" d="m128 78.568l71.101 39.375v-15.787L128 62.872c-10.575 5.852-61.684 34.103-71.101 39.284c8.747 4.846 100.602 55.589 156.434 86.43v15.726C205.745 208.518 128 251.46 128 251.46a76503 76503 0 0 1-85.333-47.147v-47.146L128 204.312l14.232-7.862l-113.798-62.842v78.598L128 267.185c9.813-5.425 92.282-50.987 99.535-55.01v-31.42l-142.202-78.6zM28.434 86.43v31.452l142.202 78.598l-42.666 23.589l-71.101-39.376v15.787l71.1 39.284c10.576-5.852 61.684-34.103 71.101-39.284c-8.746-4.846-100.571-55.589-156.403-86.461V94.293C50.255 90.088 128 47.147 128 47.147a76501 76501 0 0 0 85.333 47.146v47.147L128 94.293l-14.232 7.863l113.767 62.873V86.43L128 31.421c-9.844 5.455-92.282 51.017-99.566 55.01M128 0L0 70.735v157.166l128 70.735l128-70.705V70.735zm113.737 220.038L128 282.91L14.232 220.038V78.598L128 15.726l113.768 62.872z"/></svg>
React
import type { SVGProps } from "react";
export function LogosSurrealdbIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 299"><defs><linearGradient id="SVGqJZyIdTu" x1="31.047%" x2="68.957%" y1="11.705%" y2="88.303%"><stop offset="0%" stopColor="#ff00a0"/><stop offset="100%" stopColor="#9600ff"/></linearGradient></defs><path fill="url(#SVGqJZyIdTu)" d="m128 78.568l71.101 39.375v-15.787L128 62.872c-10.575 5.852-61.684 34.103-71.101 39.284c8.747 4.846 100.602 55.589 156.434 86.43v15.726C205.745 208.518 128 251.46 128 251.46a76503 76503 0 0 1-85.333-47.147v-47.146L128 204.312l14.232-7.862l-113.798-62.842v78.598L128 267.185c9.813-5.425 92.282-50.987 99.535-55.01v-31.42l-142.202-78.6zM28.434 86.43v31.452l142.202 78.598l-42.666 23.589l-71.101-39.376v15.787l71.1 39.284c10.576-5.852 61.684-34.103 71.101-39.284c-8.746-4.846-100.571-55.589-156.403-86.461V94.293C50.255 90.088 128 47.147 128 47.147a76501 76501 0 0 0 85.333 47.146v47.147L128 94.293l-14.232 7.863l113.767 62.873V86.43L128 31.421c-9.844 5.455-92.282 51.017-99.566 55.01M128 0L0 70.735v157.166l128 70.735l128-70.705V70.735zm113.737 220.038L128 282.91L14.232 220.038V78.598L128 15.726l113.768 62.872z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 299"><defs><linearGradient id="SVGqJZyIdTu" x1="31.047%" x2="68.957%" y1="11.705%" y2="88.303%"><stop offset="0%" stop-color="#ff00a0"/><stop offset="100%" stop-color="#9600ff"/></linearGradient></defs><path fill="url(#SVGqJZyIdTu)" d="m128 78.568l71.101 39.375v-15.787L128 62.872c-10.575 5.852-61.684 34.103-71.101 39.284c8.747 4.846 100.602 55.589 156.434 86.43v15.726C205.745 208.518 128 251.46 128 251.46a76503 76503 0 0 1-85.333-47.147v-47.146L128 204.312l14.232-7.862l-113.798-62.842v78.598L128 267.185c9.813-5.425 92.282-50.987 99.535-55.01v-31.42l-142.202-78.6zM28.434 86.43v31.452l142.202 78.598l-42.666 23.589l-71.101-39.376v15.787l71.1 39.284c10.576-5.852 61.684-34.103 71.101-39.284c-8.746-4.846-100.571-55.589-156.403-86.461V94.293C50.255 90.088 128 47.147 128 47.147a76501 76501 0 0 0 85.333 47.146v47.147L128 94.293l-14.232 7.863l113.767 62.873V86.43L128 31.421c-9.844 5.455-92.282 51.017-99.566 55.01M128 0L0 70.735v157.166l128 70.735l128-70.705V70.735zm113.737 220.038L128 282.91L14.232 220.038V78.598L128 15.726l113.768 62.872z"/></svg> </template>
CSS
.icon-surrealdb-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%20299%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGqJZyIdTu%22%20x1%3D%2231.047%25%22%20x2%3D%2268.957%25%22%20y1%3D%2211.705%25%22%20y2%3D%2288.303%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23ff00a0%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%239600ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGqJZyIdTu)%22%20d%3D%22m128%2078.568l71.101%2039.375v-15.787L128%2062.872c-10.575%205.852-61.684%2034.103-71.101%2039.284c8.747%204.846%20100.602%2055.589%20156.434%2086.43v15.726C205.745%20208.518%20128%20251.46%20128%20251.46a76503%2076503%200%200%201-85.333-47.147v-47.146L128%20204.312l14.232-7.862l-113.798-62.842v78.598L128%20267.185c9.813-5.425%2092.282-50.987%2099.535-55.01v-31.42l-142.202-78.6zM28.434%2086.43v31.452l142.202%2078.598l-42.666%2023.589l-71.101-39.376v15.787l71.1%2039.284c10.576-5.852%2061.684-34.103%2071.101-39.284c-8.746-4.846-100.571-55.589-156.403-86.461V94.293C50.255%2090.088%20128%2047.147%20128%2047.147a76501%2076501%200%200%200%2085.333%2047.146v47.147L128%2094.293l-14.232%207.863l113.767%2062.873V86.43L128%2031.421c-9.844%205.455-92.282%2051.017-99.566%2055.01M128%200L0%2070.735v157.166l128%2070.735l128-70.705V70.735zm113.737%20220.038L128%20282.91L14.232%20220.038V78.598L128%2015.726l113.768%2062.872z%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%20299%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGqJZyIdTu%22%20x1%3D%2231.047%25%22%20x2%3D%2268.957%25%22%20y1%3D%2211.705%25%22%20y2%3D%2288.303%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23ff00a0%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%239600ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGqJZyIdTu)%22%20d%3D%22m128%2078.568l71.101%2039.375v-15.787L128%2062.872c-10.575%205.852-61.684%2034.103-71.101%2039.284c8.747%204.846%20100.602%2055.589%20156.434%2086.43v15.726C205.745%20208.518%20128%20251.46%20128%20251.46a76503%2076503%200%200%201-85.333-47.147v-47.146L128%20204.312l14.232-7.862l-113.798-62.842v78.598L128%20267.185c9.813-5.425%2092.282-50.987%2099.535-55.01v-31.42l-142.202-78.6zM28.434%2086.43v31.452l142.202%2078.598l-42.666%2023.589l-71.101-39.376v15.787l71.1%2039.284c10.576-5.852%2061.684-34.103%2071.101-39.284c-8.746-4.846-100.571-55.589-156.403-86.461V94.293C50.255%2090.088%20128%2047.147%20128%2047.147a76501%2076501%200%200%200%2085.333%2047.146v47.147L128%2094.293l-14.232%207.863l113.767%2062.873V86.43L128%2031.421c-9.844%205.455-92.282%2051.017-99.566%2055.01M128%200L0%2070.735v157.166l128%2070.735l128-70.705V70.735zm113.737%20220.038L128%20282.91L14.232%20220.038V78.598L128%2015.726l113.768%2062.872z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/surrealdb-icon.svg?color=%231a73e8&size=48
