vector logo
vector from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- vector
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×301
- License
- CC0
The same logo in other sets
Related icons in SVG Logos
Use the vector logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 301"><defs><linearGradient id="SVG1Z1o1buX1" x1="13.523%" x2="86.414%" y1="74.679%" y2="25.305%"><stop offset="0%" stop-color="#10e7ff"/><stop offset="10.3%" stop-color="#33d5ff"/><stop offset="25.5%" stop-color="#60bdff"/><stop offset="40.8%" stop-color="#86aaff"/><stop offset="56%" stop-color="#a39aff"/><stop offset="71%" stop-color="#b790ff"/><stop offset="85.8%" stop-color="#c489ff"/><stop offset="100%" stop-color="#c887ff"/></linearGradient><linearGradient id="SVGHlnDLDSp1" x1="21.006%" x2="96.466%" y1="54.033%" y2="27.047%"><stop offset="0%" stop-color="#10e7ff"/><stop offset="10.3%" stop-color="#33d5ff"/><stop offset="25.5%" stop-color="#60bdff"/><stop offset="40.8%" stop-color="#86aaff"/><stop offset="56%" stop-color="#a39aff"/><stop offset="71%" stop-color="#b790ff"/><stop offset="85.8%" stop-color="#c489ff"/><stop offset="100%" stop-color="#c887ff"/></linearGradient></defs><path fill="url(#SVG1Z1o1buX1)" d="M128 300.346L0 225.26V75.087L128 0l128 75.087V225.26zM17.89 214.677l109.858 64.504l109.858-64.504V85.67L128 21.165L17.89 85.67z"/><path fill="url(#SVGHlnDLDSp1)" d="m183.181 109.354l-44.85 78.866l14.614 25.701l59.464-104.567zm-50.142 0L88.19 188.22l14.614 25.701l59.465-104.567zm-89.448 0l59.464 104.567l14.614-25.7l-44.85-78.867zm0 0l59.464 104.567l14.614-25.7l-44.85-78.867zm89.448 0L88.19 188.22l14.614 25.701l59.465-104.567z"/></svg>
React
import type { SVGProps } from "react";
export function LogosVector(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 301"><defs><linearGradient id="SVG1Z1o1buX1" x1="13.523%" x2="86.414%" y1="74.679%" y2="25.305%"><stop offset="0%" stopColor="#10e7ff"/><stop offset="10.3%" stopColor="#33d5ff"/><stop offset="25.5%" stopColor="#60bdff"/><stop offset="40.8%" stopColor="#86aaff"/><stop offset="56%" stopColor="#a39aff"/><stop offset="71%" stopColor="#b790ff"/><stop offset="85.8%" stopColor="#c489ff"/><stop offset="100%" stopColor="#c887ff"/></linearGradient><linearGradient id="SVGHlnDLDSp1" x1="21.006%" x2="96.466%" y1="54.033%" y2="27.047%"><stop offset="0%" stopColor="#10e7ff"/><stop offset="10.3%" stopColor="#33d5ff"/><stop offset="25.5%" stopColor="#60bdff"/><stop offset="40.8%" stopColor="#86aaff"/><stop offset="56%" stopColor="#a39aff"/><stop offset="71%" stopColor="#b790ff"/><stop offset="85.8%" stopColor="#c489ff"/><stop offset="100%" stopColor="#c887ff"/></linearGradient></defs><path fill="url(#SVG1Z1o1buX1)" d="M128 300.346L0 225.26V75.087L128 0l128 75.087V225.26zM17.89 214.677l109.858 64.504l109.858-64.504V85.67L128 21.165L17.89 85.67z"/><path fill="url(#SVGHlnDLDSp1)" d="m183.181 109.354l-44.85 78.866l14.614 25.701l59.464-104.567zm-50.142 0L88.19 188.22l14.614 25.701l59.465-104.567zm-89.448 0l59.464 104.567l14.614-25.7l-44.85-78.867zm0 0l59.464 104.567l14.614-25.7l-44.85-78.867zm89.448 0L88.19 188.22l14.614 25.701l59.465-104.567z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 301"><defs><linearGradient id="SVG1Z1o1buX1" x1="13.523%" x2="86.414%" y1="74.679%" y2="25.305%"><stop offset="0%" stop-color="#10e7ff"/><stop offset="10.3%" stop-color="#33d5ff"/><stop offset="25.5%" stop-color="#60bdff"/><stop offset="40.8%" stop-color="#86aaff"/><stop offset="56%" stop-color="#a39aff"/><stop offset="71%" stop-color="#b790ff"/><stop offset="85.8%" stop-color="#c489ff"/><stop offset="100%" stop-color="#c887ff"/></linearGradient><linearGradient id="SVGHlnDLDSp1" x1="21.006%" x2="96.466%" y1="54.033%" y2="27.047%"><stop offset="0%" stop-color="#10e7ff"/><stop offset="10.3%" stop-color="#33d5ff"/><stop offset="25.5%" stop-color="#60bdff"/><stop offset="40.8%" stop-color="#86aaff"/><stop offset="56%" stop-color="#a39aff"/><stop offset="71%" stop-color="#b790ff"/><stop offset="85.8%" stop-color="#c489ff"/><stop offset="100%" stop-color="#c887ff"/></linearGradient></defs><path fill="url(#SVG1Z1o1buX1)" d="M128 300.346L0 225.26V75.087L128 0l128 75.087V225.26zM17.89 214.677l109.858 64.504l109.858-64.504V85.67L128 21.165L17.89 85.67z"/><path fill="url(#SVGHlnDLDSp1)" d="m183.181 109.354l-44.85 78.866l14.614 25.701l59.464-104.567zm-50.142 0L88.19 188.22l14.614 25.701l59.465-104.567zm-89.448 0l59.464 104.567l14.614-25.7l-44.85-78.867zm0 0l59.464 104.567l14.614-25.7l-44.85-78.867zm89.448 0L88.19 188.22l14.614 25.701l59.465-104.567z"/></svg> </template>
CSS
.icon-vector {
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%20301%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG1Z1o1buX1%22%20x1%3D%2213.523%25%22%20x2%3D%2286.414%25%22%20y1%3D%2274.679%25%22%20y2%3D%2225.305%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2310e7ff%22%2F%3E%3Cstop%20offset%3D%2210.3%25%22%20stop-color%3D%22%2333d5ff%22%2F%3E%3Cstop%20offset%3D%2225.5%25%22%20stop-color%3D%22%2360bdff%22%2F%3E%3Cstop%20offset%3D%2240.8%25%22%20stop-color%3D%22%2386aaff%22%2F%3E%3Cstop%20offset%3D%2256%25%22%20stop-color%3D%22%23a39aff%22%2F%3E%3Cstop%20offset%3D%2271%25%22%20stop-color%3D%22%23b790ff%22%2F%3E%3Cstop%20offset%3D%2285.8%25%22%20stop-color%3D%22%23c489ff%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23c887ff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGHlnDLDSp1%22%20x1%3D%2221.006%25%22%20x2%3D%2296.466%25%22%20y1%3D%2254.033%25%22%20y2%3D%2227.047%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2310e7ff%22%2F%3E%3Cstop%20offset%3D%2210.3%25%22%20stop-color%3D%22%2333d5ff%22%2F%3E%3Cstop%20offset%3D%2225.5%25%22%20stop-color%3D%22%2360bdff%22%2F%3E%3Cstop%20offset%3D%2240.8%25%22%20stop-color%3D%22%2386aaff%22%2F%3E%3Cstop%20offset%3D%2256%25%22%20stop-color%3D%22%23a39aff%22%2F%3E%3Cstop%20offset%3D%2271%25%22%20stop-color%3D%22%23b790ff%22%2F%3E%3Cstop%20offset%3D%2285.8%25%22%20stop-color%3D%22%23c489ff%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23c887ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVG1Z1o1buX1)%22%20d%3D%22M128%20300.346L0%20225.26V75.087L128%200l128%2075.087V225.26zM17.89%20214.677l109.858%2064.504l109.858-64.504V85.67L128%2021.165L17.89%2085.67z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGHlnDLDSp1)%22%20d%3D%22m183.181%20109.354l-44.85%2078.866l14.614%2025.701l59.464-104.567zm-50.142%200L88.19%20188.22l14.614%2025.701l59.465-104.567zm-89.448%200l59.464%20104.567l14.614-25.7l-44.85-78.867zm0%200l59.464%20104.567l14.614-25.7l-44.85-78.867zm89.448%200L88.19%20188.22l14.614%2025.701l59.465-104.567z%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%20301%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG1Z1o1buX1%22%20x1%3D%2213.523%25%22%20x2%3D%2286.414%25%22%20y1%3D%2274.679%25%22%20y2%3D%2225.305%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2310e7ff%22%2F%3E%3Cstop%20offset%3D%2210.3%25%22%20stop-color%3D%22%2333d5ff%22%2F%3E%3Cstop%20offset%3D%2225.5%25%22%20stop-color%3D%22%2360bdff%22%2F%3E%3Cstop%20offset%3D%2240.8%25%22%20stop-color%3D%22%2386aaff%22%2F%3E%3Cstop%20offset%3D%2256%25%22%20stop-color%3D%22%23a39aff%22%2F%3E%3Cstop%20offset%3D%2271%25%22%20stop-color%3D%22%23b790ff%22%2F%3E%3Cstop%20offset%3D%2285.8%25%22%20stop-color%3D%22%23c489ff%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23c887ff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGHlnDLDSp1%22%20x1%3D%2221.006%25%22%20x2%3D%2296.466%25%22%20y1%3D%2254.033%25%22%20y2%3D%2227.047%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2310e7ff%22%2F%3E%3Cstop%20offset%3D%2210.3%25%22%20stop-color%3D%22%2333d5ff%22%2F%3E%3Cstop%20offset%3D%2225.5%25%22%20stop-color%3D%22%2360bdff%22%2F%3E%3Cstop%20offset%3D%2240.8%25%22%20stop-color%3D%22%2386aaff%22%2F%3E%3Cstop%20offset%3D%2256%25%22%20stop-color%3D%22%23a39aff%22%2F%3E%3Cstop%20offset%3D%2271%25%22%20stop-color%3D%22%23b790ff%22%2F%3E%3Cstop%20offset%3D%2285.8%25%22%20stop-color%3D%22%23c489ff%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23c887ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVG1Z1o1buX1)%22%20d%3D%22M128%20300.346L0%20225.26V75.087L128%200l128%2075.087V225.26zM17.89%20214.677l109.858%2064.504l109.858-64.504V85.67L128%2021.165L17.89%2085.67z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGHlnDLDSp1)%22%20d%3D%22m183.181%20109.354l-44.85%2078.866l14.614%2025.701l59.464-104.567zm-50.142%200L88.19%20188.22l14.614%2025.701l59.465-104.567zm-89.448%200l59.464%20104.567l14.614-25.7l-44.85-78.867zm0%200l59.464%20104.567l14.614-25.7l-44.85-78.867zm89.448%200L88.19%20188.22l14.614%2025.701l59.465-104.567z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/vector.svg?color=%231a73e8&size=48
