steemit logo

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

Name
steemit
Set
SVG Logos
Style
Color
Viewbox
256×270
License
CC0

The same logo in other sets

steemitSimple Icons

Use the steemit logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 270"><path d="M36.579 29.068C33.906 27.734 0 55.76 0 76.378c-.047 28.182 39.55 92.028 46.217 116.724c5.738 21.181-9.732 46.602-5.48 47.757c3.884 2.494 40.825-34.916 42.264-50.866c1.854-25.398-43.135-99.457-46.72-118.58c-4.16-22.317 3.292-41.846.298-42.345z" fill="#1A5099"/><path d="M121.252.058c-3.404-1.697-46.656 33.974-46.656 60.276c-.047 35.903 50.446 117.254 58.944 148.69c7.311 26.985-12.405 59.377-7.013 60.826c4.983 3.164 52.066-44.457 53.92-64.807c2.375-32.346-55.02-126.688-59.587-151.089c-5.3-28.365 4.182-53.264.392-53.896z" fill="#4BA2F2"/><path d="M208.637 29.068c-2.65-1.334-36.578 26.692-36.578 47.31c-.041 28.182 39.55 92.028 46.223 116.724c5.732 21.181-9.733 46.602-5.486 47.757c3.907 2.494 40.854-34.916 42.269-50.866c1.848-25.398-43.135-99.457-46.726-118.58c-4.153-22.317 3.293-41.846.298-42.345z" fill="#1A5099"/></svg>

React

import type { SVGProps } from "react";

export function LogosSteemit(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 270"><path d="M36.579 29.068C33.906 27.734 0 55.76 0 76.378c-.047 28.182 39.55 92.028 46.217 116.724c5.738 21.181-9.732 46.602-5.48 47.757c3.884 2.494 40.825-34.916 42.264-50.866c1.854-25.398-43.135-99.457-46.72-118.58c-4.16-22.317 3.292-41.846.298-42.345z" fill="#1A5099"/><path d="M121.252.058c-3.404-1.697-46.656 33.974-46.656 60.276c-.047 35.903 50.446 117.254 58.944 148.69c7.311 26.985-12.405 59.377-7.013 60.826c4.983 3.164 52.066-44.457 53.92-64.807c2.375-32.346-55.02-126.688-59.587-151.089c-5.3-28.365 4.182-53.264.392-53.896z" fill="#4BA2F2"/><path d="M208.637 29.068c-2.65-1.334-36.578 26.692-36.578 47.31c-.041 28.182 39.55 92.028 46.223 116.724c5.732 21.181-9.733 46.602-5.486 47.757c3.907 2.494 40.854-34.916 42.269-50.866c1.848-25.398-43.135-99.457-46.726-118.58c-4.153-22.317 3.293-41.846.298-42.345z" fill="#1A5099"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 270"><path d="M36.579 29.068C33.906 27.734 0 55.76 0 76.378c-.047 28.182 39.55 92.028 46.217 116.724c5.738 21.181-9.732 46.602-5.48 47.757c3.884 2.494 40.825-34.916 42.264-50.866c1.854-25.398-43.135-99.457-46.72-118.58c-4.16-22.317 3.292-41.846.298-42.345z" fill="#1A5099"/><path d="M121.252.058c-3.404-1.697-46.656 33.974-46.656 60.276c-.047 35.903 50.446 117.254 58.944 148.69c7.311 26.985-12.405 59.377-7.013 60.826c4.983 3.164 52.066-44.457 53.92-64.807c2.375-32.346-55.02-126.688-59.587-151.089c-5.3-28.365 4.182-53.264.392-53.896z" fill="#4BA2F2"/><path d="M208.637 29.068c-2.65-1.334-36.578 26.692-36.578 47.31c-.041 28.182 39.55 92.028 46.223 116.724c5.732 21.181-9.733 46.602-5.486 47.757c3.907 2.494 40.854-34.916 42.269-50.866c1.848-25.398-43.135-99.457-46.726-118.58c-4.153-22.317 3.293-41.846.298-42.345z" fill="#1A5099"/></svg>
</template>

CSS

.icon-steemit {
  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%20270%22%3E%3Cpath%20d%3D%22M36.579%2029.068C33.906%2027.734%200%2055.76%200%2076.378c-.047%2028.182%2039.55%2092.028%2046.217%20116.724c5.738%2021.181-9.732%2046.602-5.48%2047.757c3.884%202.494%2040.825-34.916%2042.264-50.866c1.854-25.398-43.135-99.457-46.72-118.58c-4.16-22.317%203.292-41.846.298-42.345z%22%20fill%3D%22%231A5099%22%2F%3E%3Cpath%20d%3D%22M121.252.058c-3.404-1.697-46.656%2033.974-46.656%2060.276c-.047%2035.903%2050.446%20117.254%2058.944%20148.69c7.311%2026.985-12.405%2059.377-7.013%2060.826c4.983%203.164%2052.066-44.457%2053.92-64.807c2.375-32.346-55.02-126.688-59.587-151.089c-5.3-28.365%204.182-53.264.392-53.896z%22%20fill%3D%22%234BA2F2%22%2F%3E%3Cpath%20d%3D%22M208.637%2029.068c-2.65-1.334-36.578%2026.692-36.578%2047.31c-.041%2028.182%2039.55%2092.028%2046.223%20116.724c5.732%2021.181-9.733%2046.602-5.486%2047.757c3.907%202.494%2040.854-34.916%2042.269-50.866c1.848-25.398-43.135-99.457-46.726-118.58c-4.153-22.317%203.293-41.846.298-42.345z%22%20fill%3D%22%231A5099%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%20270%22%3E%3Cpath%20d%3D%22M36.579%2029.068C33.906%2027.734%200%2055.76%200%2076.378c-.047%2028.182%2039.55%2092.028%2046.217%20116.724c5.738%2021.181-9.732%2046.602-5.48%2047.757c3.884%202.494%2040.825-34.916%2042.264-50.866c1.854-25.398-43.135-99.457-46.72-118.58c-4.16-22.317%203.292-41.846.298-42.345z%22%20fill%3D%22%231A5099%22%2F%3E%3Cpath%20d%3D%22M121.252.058c-3.404-1.697-46.656%2033.974-46.656%2060.276c-.047%2035.903%2050.446%20117.254%2058.944%20148.69c7.311%2026.985-12.405%2059.377-7.013%2060.826c4.983%203.164%2052.066-44.457%2053.92-64.807c2.375-32.346-55.02-126.688-59.587-151.089c-5.3-28.365%204.182-53.264.392-53.896z%22%20fill%3D%22%234BA2F2%22%2F%3E%3Cpath%20d%3D%22M208.637%2029.068c-2.65-1.334-36.578%2026.692-36.578%2047.31c-.041%2028.182%2039.55%2092.028%2046.223%20116.724c5.732%2021.181-9.733%2046.602-5.486%2047.757c3.907%202.494%2040.854-34.916%2042.269-50.866c1.848-25.398-43.135-99.457-46.726-118.58c-4.153-22.317%203.293-41.846.298-42.345z%22%20fill%3D%22%231A5099%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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