gemini icon

gemini-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.

Name
gemini-fill
Set
MingCute Icon
Style
Fill
Viewbox
24×24
License
Apache 2.0

1 other variant in MingCute Icon

gemini-line

The same icon in other sets

gemini-filledAnt Design IconsgeminiBoxicons BrandsgeminiEmoji One (Colored)geminiFont Awesome SolidgeminiFluent EmojigeminiFluent Emoji FlatgeminiFluent Emoji High ContrastgeminiFirefox OS EmojigeminiIconParkgeminiIconPark OutlinegeminiMaterial Icon ThemegeminiNoto EmojigeminiOpenMojigemini-fillRemix IcongeminiWeb3 IconsgeminiWeb3 Icons BrandedgeminiTwitter Emoji

Use the gemini icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18 2a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4zm-.491 4.099a1 1 0 0 0-1.382-.303A7.63 7.63 0 0 1 12 7a7.63 7.63 0 0 1-4.128-1.204a1 1 0 1 0-1.078 1.683q.729.466 1.539.8v7.413a9.7 9.7 0 0 0-1.538.8a1 1 0 1 0 1.078 1.683A7.63 7.63 0 0 1 12 16.97c1.521 0 2.937.441 4.128 1.204a1 1 0 1 0 1.078-1.684q-.729-.466-1.539-.8V8.278a9.7 9.7 0 0 0 1.538-.799a1 1 0 0 0 .304-1.38m-7.176 2.755A9.7 9.7 0 0 0 12 9q.853-.002 1.667-.146v6.261a9.7 9.7 0 0 0-3.334 0z"/></svg>

React

import type { SVGProps } from "react";

export function MingcuteGeminiFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18 2a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4zm-.491 4.099a1 1 0 0 0-1.382-.303A7.63 7.63 0 0 1 12 7a7.63 7.63 0 0 1-4.128-1.204a1 1 0 1 0-1.078 1.683q.729.466 1.539.8v7.413a9.7 9.7 0 0 0-1.538.8a1 1 0 1 0 1.078 1.683A7.63 7.63 0 0 1 12 16.97c1.521 0 2.937.441 4.128 1.204a1 1 0 1 0 1.078-1.684q-.729-.466-1.539-.8V8.278a9.7 9.7 0 0 0 1.538-.799a1 1 0 0 0 .304-1.38m-7.176 2.755A9.7 9.7 0 0 0 12 9q.853-.002 1.667-.146v6.261a9.7 9.7 0 0 0-3.334 0z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18 2a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4zm-.491 4.099a1 1 0 0 0-1.382-.303A7.63 7.63 0 0 1 12 7a7.63 7.63 0 0 1-4.128-1.204a1 1 0 1 0-1.078 1.683q.729.466 1.539.8v7.413a9.7 9.7 0 0 0-1.538.8a1 1 0 1 0 1.078 1.683A7.63 7.63 0 0 1 12 16.97c1.521 0 2.937.441 4.128 1.204a1 1 0 1 0 1.078-1.684q-.729-.466-1.539-.8V8.278a9.7 9.7 0 0 0 1.538-.799a1 1 0 0 0 .304-1.38m-7.176 2.755A9.7 9.7 0 0 0 12 9q.853-.002 1.667-.146v6.261a9.7 9.7 0 0 0-3.334 0z"/></svg>
</template>

CSS

.icon-gemini-fill {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18%202a4%204%200%200%201%204%204v12a4%204%200%200%201-4%204H6a4%204%200%200%201-4-4V6a4%204%200%200%201%204-4zm-.491%204.099a1%201%200%200%200-1.382-.303A7.63%207.63%200%200%201%2012%207a7.63%207.63%200%200%201-4.128-1.204a1%201%200%201%200-1.078%201.683q.729.466%201.539.8v7.413a9.7%209.7%200%200%200-1.538.8a1%201%200%201%200%201.078%201.683A7.63%207.63%200%200%201%2012%2016.97c1.521%200%202.937.441%204.128%201.204a1%201%200%201%200%201.078-1.684q-.729-.466-1.539-.8V8.278a9.7%209.7%200%200%200%201.538-.799a1%201%200%200%200%20.304-1.38m-7.176%202.755A9.7%209.7%200%200%200%2012%209q.853-.002%201.667-.146v6.261a9.7%209.7%200%200%200-3.334%200z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18%202a4%204%200%200%201%204%204v12a4%204%200%200%201-4%204H6a4%204%200%200%201-4-4V6a4%204%200%200%201%204-4zm-.491%204.099a1%201%200%200%200-1.382-.303A7.63%207.63%200%200%201%2012%207a7.63%207.63%200%200%201-4.128-1.204a1%201%200%201%200-1.078%201.683q.729.466%201.539.8v7.413a9.7%209.7%200%200%200-1.538.8a1%201%200%201%200%201.078%201.683A7.63%207.63%200%200%201%2012%2016.97c1.521%200%202.937.441%204.128%201.204a1%201%200%201%200%201.078-1.684q-.729-.466-1.539-.8V8.278a9.7%209.7%200%200%200%201.538-.799a1%201%200%200%200%20.304-1.38m-7.176%202.755A9.7%209.7%200%200%200%2012%209q.853-.002%201.667-.146v6.261a9.7%209.7%200%200%200-3.334%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/gemini-fill.svg?color=%231a73e8&size=48