Fish SVG background, flat

Free

Preview on the whole page

Small fish swim near the sides above a gently curved seabed. The clear middle makes room for an aquarium visit notice or a marine life worksheet.

Fixed colourcurrentColor becomes your colour

Inline styleOne style attribute per shape

Minified

fish sea marine hand drawn background flat

How to use it

HTML <img>

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

Inline SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 900" preserveAspectRatio="xMidYMid slice"><rect width="1600" height="900" fill="#DCEBE8"/><path d="M0 789 C250 765 470 788 710 780 S1150 762 1600 791 V900 H0Z" fill="#B7D0C7"/><path d="M0 825 C290 809 480 835 755 818 S1260 806 1600 827 V900 H0Z" fill="#96B8AE"/><defs><path id="fish" d="M-18 0 C-9-10 7-11 18 0 C7 11-9 10-18 0 L-29-9 V9Z"/></defs><g fill="#638F93"><use href="#fish" transform="translate(116 218) rotate(-8) scale(1.15)"/><use href="#fish" transform="translate(209 264) rotate(7) scale(.75)"/><use href="#fish" transform="translate(70 371) rotate(6) scale(.85)"/><use href="#fish" transform="translate(249 523) rotate(-6) scale(.65)"/><use href="#fish" transform="translate(1428 204) rotate(186) scale(.9)"/><use href="#fish" transform="translate(1517 258) rotate(174) scale(1.1)"/><use href="#fish" transform="translate(1371 426) rotate(187) scale(.7)"/><use href="#fish" transform="translate(1540 555) rotate(179) scale(.8)"/></g><g fill="#7FA9A4"><use href="#fish" transform="translate(48 152) rotate(9) scale(.6)"/><use href="#fish" transform="translate(166 453) rotate(-12) scale(.55)"/><use href="#fish" transform="translate(95 611) rotate(4) scale(.65)"/><use href="#fish" transform="translate(1550 117) rotate(170) scale(.6)"/><use href="#fish" transform="translate(1393 329) rotate(177) scale(.5)"/><use href="#fish" transform="translate(1481 646) rotate(189) scale(.55)"/></g><g fill="none" stroke="#638F93" stroke-width="5" stroke-linecap="round"><path d="M56 824 Q49 799 57 774 M57 811 Q72 796 73 778"/><path d="M194 817 Q188 795 194 778 M194 807 Q179 793 178 784"/><path d="M1459 817 Q1452 794 1458 773 M1458 807 Q1473 791 1474 780"/><path d="M1543 824 Q1536 802 1541 786"/></g></svg>

CSS background-image

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

React

import FishSvg from "./fish.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Fish: Small fish silhouettes swim near the side edges above a low, gently curved seabed. as part of the pack Hand-Drawn Flat Backgrounds. Want one like it? Make your own in the SVG studio.

Rest of Hand-Drawn Flat Backgrounds

Whole pack

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