gemini icon

gemini-filled from Ant Design Icons by HeskeyBaozi · Filled · MIT Free for personal and commercial use.

Name
gemini-filled
Set
Ant Design Icons
Style
Filled
Viewbox
1024×1024
License
MIT

The same icon in other sets

geminiBoxicons BrandsgeminiEmoji One (Colored)geminiFont Awesome SolidgeminiFluent EmojigeminiFluent Emoji FlatgeminiFluent Emoji High ContrastgeminiFirefox OS EmojigeminiIconParkgeminiIconPark OutlinegeminiMaterial Icon Themegemini-fillMingCute IcongeminiNoto 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 1024 1024"><path fill="currentColor" d="M476.16 785.28Q512 867.04 512 960q0-92.96 34.72-174.72q35.84-81.76 96.32-142.24t142.24-95.2Q867.04 512 960 512q-92.96 0-174.72-34.72a459.2 459.2 0 0 1-142.24-96.32a459.2 459.2 0 0 1-96.32-142.24Q512 156.96 512 64q0 92.96-35.84 174.72q-34.72 81.76-95.2 142.24a459.2 459.2 0 0 1-142.24 96.32Q156.96 512 64 512q92.96 0 174.72 35.84q81.76 34.72 142.24 95.2t95.2 142.24"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignGeminiFilled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M476.16 785.28Q512 867.04 512 960q0-92.96 34.72-174.72q35.84-81.76 96.32-142.24t142.24-95.2Q867.04 512 960 512q-92.96 0-174.72-34.72a459.2 459.2 0 0 1-142.24-96.32a459.2 459.2 0 0 1-96.32-142.24Q512 156.96 512 64q0 92.96-35.84 174.72q-34.72 81.76-95.2 142.24a459.2 459.2 0 0 1-142.24 96.32Q156.96 512 64 512q92.96 0 174.72 35.84q81.76 34.72 142.24 95.2t95.2 142.24"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M476.16 785.28Q512 867.04 512 960q0-92.96 34.72-174.72q35.84-81.76 96.32-142.24t142.24-95.2Q867.04 512 960 512q-92.96 0-174.72-34.72a459.2 459.2 0 0 1-142.24-96.32a459.2 459.2 0 0 1-96.32-142.24Q512 156.96 512 64q0 92.96-35.84 174.72q-34.72 81.76-95.2 142.24a459.2 459.2 0 0 1-142.24 96.32Q156.96 512 64 512q92.96 0 174.72 35.84q81.76 34.72 142.24 95.2t95.2 142.24"/></svg>
</template>

CSS

.icon-gemini-filled {
  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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M476.16%20785.28Q512%20867.04%20512%20960q0-92.96%2034.72-174.72q35.84-81.76%2096.32-142.24t142.24-95.2Q867.04%20512%20960%20512q-92.96%200-174.72-34.72a459.2%20459.2%200%200%201-142.24-96.32a459.2%20459.2%200%200%201-96.32-142.24Q512%20156.96%20512%2064q0%2092.96-35.84%20174.72q-34.72%2081.76-95.2%20142.24a459.2%20459.2%200%200%201-142.24%2096.32Q156.96%20512%2064%20512q92.96%200%20174.72%2035.84q81.76%2034.72%20142.24%2095.2t95.2%20142.24%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M476.16%20785.28Q512%20867.04%20512%20960q0-92.96%2034.72-174.72q35.84-81.76%2096.32-142.24t142.24-95.2Q867.04%20512%20960%20512q-92.96%200-174.72-34.72a459.2%20459.2%200%200%201-142.24-96.32a459.2%20459.2%200%200%201-96.32-142.24Q512%20156.96%20512%2064q0%2092.96-35.84%20174.72q-34.72%2081.76-95.2%20142.24a459.2%20459.2%200%200%201-142.24%2096.32Q156.96%20512%2064%20512q92.96%200%20174.72%2035.84q81.76%2034.72%20142.24%2095.2t95.2%20142.24%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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