snap svg logo
snap-svg from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- snap-svg
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×425
- License
- CC0
Use the snap svg logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 425"><defs><radialGradient id="SVGHREXXgVz" cx="16.423%" cy="143%" r="295.571%" fx="16.423%" fy="143%"><stop offset="0%" stop-color="#00bc85"/><stop offset="100%" stop-color="#149d91"/></radialGradient><radialGradient id="SVG6UmI6bDY" cx="16.423%" cy="-43%" r="357.004%" fx="16.423%" fy="-43%"><stop offset="0%" stop-color="#00bc85"/><stop offset="100%" stop-color="#149d91"/></radialGradient><radialGradient id="SVGBZa6xpUb" cx="11.467%" cy="-40.458%" r="343.189%" fx="11.467%" fy="-40.458%"><stop offset="0%" stop-color="#004473"/><stop offset="100%" stop-color="#00345f"/></radialGradient><linearGradient id="SVGvlJZFd9v" x1="50%" x2="50%" y1="-352.926%" y2="96.718%"><stop offset="0%" stop-color="#002e3b"/><stop offset="100%" stop-color="#002639"/></linearGradient><linearGradient id="SVGZVLNw9hg" x1="50%" x2="50%" y1="-2.808%" y2="428.759%"><stop offset="0%" stop-color="#002e3b"/><stop offset="100%" stop-color="#002639"/></linearGradient></defs><path fill="url(#SVGvlJZFd9v)" d="M65.7 330.3L.107 362.385l127.292 62l127.64-62.194l-65.76-32.539l-61.928 30.754z"/><path fill="url(#SVGZVLNw9hg)" d="M57.602 98.175v-.02l69.93-34.107l69.934 34.106L255.004 62.2L127.484 0L0 62.18v.055l57.554 35.964z"/><path fill="url(#SVGHREXXgVz)" d="m.156 298.428l62.915-30.803l64.714 32.042L.156 362.462z"/><path fill="url(#SVG6UmI6bDY)" d="M196.678 99.41v100.768l-70.342 34.424l64.686 32.339l62.979-30.797V62.19l-57.323 35.976z"/><path fill="url(#SVGBZa6xpUb)" d="m255.004 298.216l-197.415-98.25V98.182L0 62.23v173.702l255.004 126.321z"/></svg>
React
import type { SVGProps } from "react";
export function LogosSnapSvg(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 425"><defs><radialGradient id="SVGHREXXgVz" cx="16.423%" cy="143%" r="295.571%" fx="16.423%" fy="143%"><stop offset="0%" stopColor="#00bc85"/><stop offset="100%" stopColor="#149d91"/></radialGradient><radialGradient id="SVG6UmI6bDY" cx="16.423%" cy="-43%" r="357.004%" fx="16.423%" fy="-43%"><stop offset="0%" stopColor="#00bc85"/><stop offset="100%" stopColor="#149d91"/></radialGradient><radialGradient id="SVGBZa6xpUb" cx="11.467%" cy="-40.458%" r="343.189%" fx="11.467%" fy="-40.458%"><stop offset="0%" stopColor="#004473"/><stop offset="100%" stopColor="#00345f"/></radialGradient><linearGradient id="SVGvlJZFd9v" x1="50%" x2="50%" y1="-352.926%" y2="96.718%"><stop offset="0%" stopColor="#002e3b"/><stop offset="100%" stopColor="#002639"/></linearGradient><linearGradient id="SVGZVLNw9hg" x1="50%" x2="50%" y1="-2.808%" y2="428.759%"><stop offset="0%" stopColor="#002e3b"/><stop offset="100%" stopColor="#002639"/></linearGradient></defs><path fill="url(#SVGvlJZFd9v)" d="M65.7 330.3L.107 362.385l127.292 62l127.64-62.194l-65.76-32.539l-61.928 30.754z"/><path fill="url(#SVGZVLNw9hg)" d="M57.602 98.175v-.02l69.93-34.107l69.934 34.106L255.004 62.2L127.484 0L0 62.18v.055l57.554 35.964z"/><path fill="url(#SVGHREXXgVz)" d="m.156 298.428l62.915-30.803l64.714 32.042L.156 362.462z"/><path fill="url(#SVG6UmI6bDY)" d="M196.678 99.41v100.768l-70.342 34.424l64.686 32.339l62.979-30.797V62.19l-57.323 35.976z"/><path fill="url(#SVGBZa6xpUb)" d="m255.004 298.216l-197.415-98.25V98.182L0 62.23v173.702l255.004 126.321z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 425"><defs><radialGradient id="SVGHREXXgVz" cx="16.423%" cy="143%" r="295.571%" fx="16.423%" fy="143%"><stop offset="0%" stop-color="#00bc85"/><stop offset="100%" stop-color="#149d91"/></radialGradient><radialGradient id="SVG6UmI6bDY" cx="16.423%" cy="-43%" r="357.004%" fx="16.423%" fy="-43%"><stop offset="0%" stop-color="#00bc85"/><stop offset="100%" stop-color="#149d91"/></radialGradient><radialGradient id="SVGBZa6xpUb" cx="11.467%" cy="-40.458%" r="343.189%" fx="11.467%" fy="-40.458%"><stop offset="0%" stop-color="#004473"/><stop offset="100%" stop-color="#00345f"/></radialGradient><linearGradient id="SVGvlJZFd9v" x1="50%" x2="50%" y1="-352.926%" y2="96.718%"><stop offset="0%" stop-color="#002e3b"/><stop offset="100%" stop-color="#002639"/></linearGradient><linearGradient id="SVGZVLNw9hg" x1="50%" x2="50%" y1="-2.808%" y2="428.759%"><stop offset="0%" stop-color="#002e3b"/><stop offset="100%" stop-color="#002639"/></linearGradient></defs><path fill="url(#SVGvlJZFd9v)" d="M65.7 330.3L.107 362.385l127.292 62l127.64-62.194l-65.76-32.539l-61.928 30.754z"/><path fill="url(#SVGZVLNw9hg)" d="M57.602 98.175v-.02l69.93-34.107l69.934 34.106L255.004 62.2L127.484 0L0 62.18v.055l57.554 35.964z"/><path fill="url(#SVGHREXXgVz)" d="m.156 298.428l62.915-30.803l64.714 32.042L.156 362.462z"/><path fill="url(#SVG6UmI6bDY)" d="M196.678 99.41v100.768l-70.342 34.424l64.686 32.339l62.979-30.797V62.19l-57.323 35.976z"/><path fill="url(#SVGBZa6xpUb)" d="m255.004 298.216l-197.415-98.25V98.182L0 62.23v173.702l255.004 126.321z"/></svg> </template>
CSS
.icon-snap-svg {
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%20425%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVGHREXXgVz%22%20cx%3D%2216.423%25%22%20cy%3D%22143%25%22%20r%3D%22295.571%25%22%20fx%3D%2216.423%25%22%20fy%3D%22143%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2300bc85%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23149d91%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVG6UmI6bDY%22%20cx%3D%2216.423%25%22%20cy%3D%22-43%25%22%20r%3D%22357.004%25%22%20fx%3D%2216.423%25%22%20fy%3D%22-43%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2300bc85%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23149d91%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGBZa6xpUb%22%20cx%3D%2211.467%25%22%20cy%3D%22-40.458%25%22%20r%3D%22343.189%25%22%20fx%3D%2211.467%25%22%20fy%3D%22-40.458%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23004473%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%2300345f%22%2F%3E%3C%2FradialGradient%3E%3ClinearGradient%20id%3D%22SVGvlJZFd9v%22%20x1%3D%2250%25%22%20x2%3D%2250%25%22%20y1%3D%22-352.926%25%22%20y2%3D%2296.718%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23002e3b%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23002639%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGZVLNw9hg%22%20x1%3D%2250%25%22%20x2%3D%2250%25%22%20y1%3D%22-2.808%25%22%20y2%3D%22428.759%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23002e3b%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23002639%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGvlJZFd9v)%22%20d%3D%22M65.7%20330.3L.107%20362.385l127.292%2062l127.64-62.194l-65.76-32.539l-61.928%2030.754z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGZVLNw9hg)%22%20d%3D%22M57.602%2098.175v-.02l69.93-34.107l69.934%2034.106L255.004%2062.2L127.484%200L0%2062.18v.055l57.554%2035.964z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGHREXXgVz)%22%20d%3D%22m.156%20298.428l62.915-30.803l64.714%2032.042L.156%20362.462z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG6UmI6bDY)%22%20d%3D%22M196.678%2099.41v100.768l-70.342%2034.424l64.686%2032.339l62.979-30.797V62.19l-57.323%2035.976z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGBZa6xpUb)%22%20d%3D%22m255.004%20298.216l-197.415-98.25V98.182L0%2062.23v173.702l255.004%20126.321z%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%20425%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVGHREXXgVz%22%20cx%3D%2216.423%25%22%20cy%3D%22143%25%22%20r%3D%22295.571%25%22%20fx%3D%2216.423%25%22%20fy%3D%22143%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2300bc85%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23149d91%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVG6UmI6bDY%22%20cx%3D%2216.423%25%22%20cy%3D%22-43%25%22%20r%3D%22357.004%25%22%20fx%3D%2216.423%25%22%20fy%3D%22-43%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2300bc85%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23149d91%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGBZa6xpUb%22%20cx%3D%2211.467%25%22%20cy%3D%22-40.458%25%22%20r%3D%22343.189%25%22%20fx%3D%2211.467%25%22%20fy%3D%22-40.458%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23004473%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%2300345f%22%2F%3E%3C%2FradialGradient%3E%3ClinearGradient%20id%3D%22SVGvlJZFd9v%22%20x1%3D%2250%25%22%20x2%3D%2250%25%22%20y1%3D%22-352.926%25%22%20y2%3D%2296.718%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23002e3b%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23002639%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGZVLNw9hg%22%20x1%3D%2250%25%22%20x2%3D%2250%25%22%20y1%3D%22-2.808%25%22%20y2%3D%22428.759%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23002e3b%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23002639%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGvlJZFd9v)%22%20d%3D%22M65.7%20330.3L.107%20362.385l127.292%2062l127.64-62.194l-65.76-32.539l-61.928%2030.754z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGZVLNw9hg)%22%20d%3D%22M57.602%2098.175v-.02l69.93-34.107l69.934%2034.106L255.004%2062.2L127.484%200L0%2062.18v.055l57.554%2035.964z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGHREXXgVz)%22%20d%3D%22m.156%20298.428l62.915-30.803l64.714%2032.042L.156%20362.462z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG6UmI6bDY)%22%20d%3D%22M196.678%2099.41v100.768l-70.342%2034.424l64.686%2032.339l62.979-30.797V62.19l-57.323%2035.976z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGBZa6xpUb)%22%20d%3D%22m255.004%20298.216l-197.415-98.25V98.182L0%2062.23v173.702l255.004%20126.321z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/snap-svg.svg?color=%231a73e8&size=48
