grok icon logo

grok-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
grok-icon
Set
SVG Logos
Style
Color
Viewbox
256×246
License
CC0

Use the grok icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 246"><path d="M63.83 56.843c27.469-27.48 67.635-34.865 101.712-21.87l2.314.917c7.645 2.844 14.309 6.89 19.507 10.651l-28.857 13.342c-26.869-11.286-57.649-3.609-76.435 15.2c-25.405 25.414-30.539 69.484-.764 97.96L0 245.764c4.296-5.923 9.457-11.573 14.75-17.178l5.815-6.13l2.608-2.774c15.53-16.655 28.81-33.77 20.496-56.709l-.766-1.98c-14.592-35.497-6.094-77.096 20.928-104.15m156.956-21.587L256 0l-10.128 14.069c-21.094 29.716-30.456 48.424-21.11 88.659l-.065-.065c7.23 30.728-.503 64.803-25.472 89.802c-31.478 31.538-81.852 38.558-123.336 10.17l28.923-13.407c26.476 10.41 55.442 5.839 76.26-15.003c20.818-20.844 25.493-51.2 15.03-76.462c-1.989-4.79-7.952-5.992-12.125-2.909L98.87 157.755L220.786 35.147z"/></svg>

React

import type { SVGProps } from "react";

export function LogosGrokIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 246"><path d="M63.83 56.843c27.469-27.48 67.635-34.865 101.712-21.87l2.314.917c7.645 2.844 14.309 6.89 19.507 10.651l-28.857 13.342c-26.869-11.286-57.649-3.609-76.435 15.2c-25.405 25.414-30.539 69.484-.764 97.96L0 245.764c4.296-5.923 9.457-11.573 14.75-17.178l5.815-6.13l2.608-2.774c15.53-16.655 28.81-33.77 20.496-56.709l-.766-1.98c-14.592-35.497-6.094-77.096 20.928-104.15m156.956-21.587L256 0l-10.128 14.069c-21.094 29.716-30.456 48.424-21.11 88.659l-.065-.065c7.23 30.728-.503 64.803-25.472 89.802c-31.478 31.538-81.852 38.558-123.336 10.17l28.923-13.407c26.476 10.41 55.442 5.839 76.26-15.003c20.818-20.844 25.493-51.2 15.03-76.462c-1.989-4.79-7.952-5.992-12.125-2.909L98.87 157.755L220.786 35.147z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 246"><path d="M63.83 56.843c27.469-27.48 67.635-34.865 101.712-21.87l2.314.917c7.645 2.844 14.309 6.89 19.507 10.651l-28.857 13.342c-26.869-11.286-57.649-3.609-76.435 15.2c-25.405 25.414-30.539 69.484-.764 97.96L0 245.764c4.296-5.923 9.457-11.573 14.75-17.178l5.815-6.13l2.608-2.774c15.53-16.655 28.81-33.77 20.496-56.709l-.766-1.98c-14.592-35.497-6.094-77.096 20.928-104.15m156.956-21.587L256 0l-10.128 14.069c-21.094 29.716-30.456 48.424-21.11 88.659l-.065-.065c7.23 30.728-.503 64.803-25.472 89.802c-31.478 31.538-81.852 38.558-123.336 10.17l28.923-13.407c26.476 10.41 55.442 5.839 76.26-15.003c20.818-20.844 25.493-51.2 15.03-76.462c-1.989-4.79-7.952-5.992-12.125-2.909L98.87 157.755L220.786 35.147z"/></svg>
</template>

CSS

.icon-grok-icon {
  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%20256%20246%22%3E%3Cpath%20d%3D%22M63.83%2056.843c27.469-27.48%2067.635-34.865%20101.712-21.87l2.314.917c7.645%202.844%2014.309%206.89%2019.507%2010.651l-28.857%2013.342c-26.869-11.286-57.649-3.609-76.435%2015.2c-25.405%2025.414-30.539%2069.484-.764%2097.96L0%20245.764c4.296-5.923%209.457-11.573%2014.75-17.178l5.815-6.13l2.608-2.774c15.53-16.655%2028.81-33.77%2020.496-56.709l-.766-1.98c-14.592-35.497-6.094-77.096%2020.928-104.15m156.956-21.587L256%200l-10.128%2014.069c-21.094%2029.716-30.456%2048.424-21.11%2088.659l-.065-.065c7.23%2030.728-.503%2064.803-25.472%2089.802c-31.478%2031.538-81.852%2038.558-123.336%2010.17l28.923-13.407c26.476%2010.41%2055.442%205.839%2076.26-15.003c20.818-20.844%2025.493-51.2%2015.03-76.462c-1.989-4.79-7.952-5.992-12.125-2.909L98.87%20157.755L220.786%2035.147z%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%20256%20246%22%3E%3Cpath%20d%3D%22M63.83%2056.843c27.469-27.48%2067.635-34.865%20101.712-21.87l2.314.917c7.645%202.844%2014.309%206.89%2019.507%2010.651l-28.857%2013.342c-26.869-11.286-57.649-3.609-76.435%2015.2c-25.405%2025.414-30.539%2069.484-.764%2097.96L0%20245.764c4.296-5.923%209.457-11.573%2014.75-17.178l5.815-6.13l2.608-2.774c15.53-16.655%2028.81-33.77%2020.496-56.709l-.766-1.98c-14.592-35.497-6.094-77.096%2020.928-104.15m156.956-21.587L256%200l-10.128%2014.069c-21.094%2029.716-30.456%2048.424-21.11%2088.659l-.065-.065c7.23%2030.728-.503%2064.803-25.472%2089.802c-31.478%2031.538-81.852%2038.558-123.336%2010.17l28.923-13.407c26.476%2010.41%2055.442%205.839%2076.26-15.003c20.818-20.844%2025.493-51.2%2015.03-76.462c-1.989-4.79-7.952-5.992-12.125-2.909L98.87%20157.755L220.786%2035.147z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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