Menu

Beta
Sign in
Ranked Results SVG icon, solid

Ranked Results SVG icon, solid

Three unequal horizontal blocks converge toward a detached circle to suggest ranked retrieval results. Use it in a search results panel or an analytics dashboard.

Free · from Vector Search AI Marks

Similar SVGs

More from Vector Search AI Marks

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/riW2jSAfxGat/amnt.svg" alt="Ranked Results" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><g id="layer-1" data-name="Shape 1"><path d="M11 15L39 15C41.21 15 43 16.79 43 19C43 21.21 41.21 23 39 23L11 23C8.79 23 7 21.21 7 19C7 16.79 8.79 15 11 15ZM11 28L33 28C35.21 28 37 29.79 37 32C37 34.21 35.21 36 33 36L11 36C8.79 36 7 34.21 7 32C7 29.79 8.79 28 11 28ZM11 41L27 41C29.21 41 31 42.79 31 45C31 47.21 29.21 49 27 49L11 49C8.79 49 7 47.21 7 45C7 42.79 8.79 41 11 41Z" fill="#000000"/></g><g id="layer-2" data-name="Circle 2"><path d="M54 32C54 34.76 51.76 37 49 37C46.24 37 44 34.76 44 32C44 29.24 46.24 27 49 27C51.76 27 54 29.24 54 32Z" fill="#000000"/></g></svg>
CSS background-image
.ranked-results {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/riW2jSAfxGat/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.ranked-results {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/riW2jSAfxGat/amnt.svg") center / contain no-repeat;
}
React
import RankedResultsSvg from "./ranked-results.jsx"; // from the React tab above

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

Tags

rankingresultsretrievalsearch

Made with AMNT

AMNT SVG 1.1 drew this from the words Draw one original minimal AI retrieval logo: three horizontal capsule blocks of unequal lengths converging toward a single detached circle on the right, creating an abstract ranked-results mark. Use clean bold solid black shapes and generous gaps. No letters or text. Centre on a transparent background; keep readable small. as part of the pack Vector Search AI Marks. Want one like it? Make your own in the SVG studio.

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

Settings