Ocean Gradient SVG graphic, pixel

Free

This background blends ocean-like blues behind the portrait. Creators can pair it with warm clothing colors for clear contrast.

Fixed colourcurrentColor becomes your colour

Inline styleOne style attribute per shape

Minified

ocean gradient background nft trait pfp

How to use it

HTML <img>

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/2X87fk3GY3Cm/amnt.svg" alt="Ocean Gradient" width="48" height="48">

Inline SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><path fill="#DDF4F5" d="M0 0h1024v128H0z"/><path fill="#C8ECEF" d="M0 128h1024v128H0z"/><path fill="#ADE2E6" d="M0 256h1024v128H0z"/><path fill="#8BD3D8" d="M0 384h1024v128H0z"/><path fill="#69C4CA" d="M0 512h1024v128H0z"/><path fill="#48B3BA" d="M0 640h1024v128H0z"/><path fill="#2AA1A9" d="M0 768h1024v128H0z"/><path fill="#138C95" d="M0 896h1024v128H0z"/></svg>

CSS background-image

.ocean-gradient {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/2X87fk3GY3Cm/amnt.svg");
  background-size: contain;
}

React

import OceanGradientSvg from "./ocean-gradient.jsx"; // from the React tab above

<OceanGradientSvg width={48} height={48} />

Made with AMNT

AMNT SVG 1.1 drew this from the words An NFT PFP background, square, filling the whole frame edge to edge: Simple stepped gradient from pale blue to teal.. Flat and simple, no characters, no text. viewBox="0 0 1024 1024".. Want one like it? Make your own in the SVG studio.

Similar SVGs

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence