steemit logo

steemit from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.

Name
steemit
Set
CoreUI Brands
Style
Brand
Viewbox
32×32
License
CC0 1.0

The same logo in other sets

steemitSVG LogossteemitSimple Icons

Use the steemit logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M27.973 9.661a12.9 12.9 0 0 0-4.531-2.937c.964-2.823 4.369-3.855 4.369-3.855A28.86 28.86 0 0 0 11.078.385a13.52 13.52 0 0 0-7.787 4.641a12.2 12.2 0 0 0-2.959 8.932a12.22 12.22 0 0 0 4.281 8.38c.797.683 2.579 1.74 2.609 1.797c-1.172 2.968-4.907 3.781-4.907 3.781a31.1 31.1 0 0 0 11.568 3.885c1.844.233 3.713.26 5.563.067a14.12 14.12 0 0 0 8.453-4.161a12.7 12.7 0 0 0 .077-18.046zm-2.27 16.079a11.83 11.83 0 0 1-6.848 3.172a21.5 21.5 0 0 1-4.74-.021a22.4 22.4 0 0 1-5.625-1.536a8.4 8.4 0 0 0 2-2.86a2.2 2.2 0 0 0-.068-1.745a9.33 9.33 0 0 1 1.901-10.771c3.781-3.661 9.803-3.629 13.547.079a9.766 9.766 0 0 1-.167 13.683z"/></svg>

React

import type { SVGProps } from "react";

export function CibSteemit(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M27.973 9.661a12.9 12.9 0 0 0-4.531-2.937c.964-2.823 4.369-3.855 4.369-3.855A28.86 28.86 0 0 0 11.078.385a13.52 13.52 0 0 0-7.787 4.641a12.2 12.2 0 0 0-2.959 8.932a12.22 12.22 0 0 0 4.281 8.38c.797.683 2.579 1.74 2.609 1.797c-1.172 2.968-4.907 3.781-4.907 3.781a31.1 31.1 0 0 0 11.568 3.885c1.844.233 3.713.26 5.563.067a14.12 14.12 0 0 0 8.453-4.161a12.7 12.7 0 0 0 .077-18.046zm-2.27 16.079a11.83 11.83 0 0 1-6.848 3.172a21.5 21.5 0 0 1-4.74-.021a22.4 22.4 0 0 1-5.625-1.536a8.4 8.4 0 0 0 2-2.86a2.2 2.2 0 0 0-.068-1.745a9.33 9.33 0 0 1 1.901-10.771c3.781-3.661 9.803-3.629 13.547.079a9.766 9.766 0 0 1-.167 13.683z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M27.973 9.661a12.9 12.9 0 0 0-4.531-2.937c.964-2.823 4.369-3.855 4.369-3.855A28.86 28.86 0 0 0 11.078.385a13.52 13.52 0 0 0-7.787 4.641a12.2 12.2 0 0 0-2.959 8.932a12.22 12.22 0 0 0 4.281 8.38c.797.683 2.579 1.74 2.609 1.797c-1.172 2.968-4.907 3.781-4.907 3.781a31.1 31.1 0 0 0 11.568 3.885c1.844.233 3.713.26 5.563.067a14.12 14.12 0 0 0 8.453-4.161a12.7 12.7 0 0 0 .077-18.046zm-2.27 16.079a11.83 11.83 0 0 1-6.848 3.172a21.5 21.5 0 0 1-4.74-.021a22.4 22.4 0 0 1-5.625-1.536a8.4 8.4 0 0 0 2-2.86a2.2 2.2 0 0 0-.068-1.745a9.33 9.33 0 0 1 1.901-10.771c3.781-3.661 9.803-3.629 13.547.079a9.766 9.766 0 0 1-.167 13.683z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M27.973%209.661a12.9%2012.9%200%200%200-4.531-2.937c.964-2.823%204.369-3.855%204.369-3.855A28.86%2028.86%200%200%200%2011.078.385a13.52%2013.52%200%200%200-7.787%204.641a12.2%2012.2%200%200%200-2.959%208.932a12.22%2012.22%200%200%200%204.281%208.38c.797.683%202.579%201.74%202.609%201.797c-1.172%202.968-4.907%203.781-4.907%203.781a31.1%2031.1%200%200%200%2011.568%203.885c1.844.233%203.713.26%205.563.067a14.12%2014.12%200%200%200%208.453-4.161a12.7%2012.7%200%200%200%20.077-18.046zm-2.27%2016.079a11.83%2011.83%200%200%201-6.848%203.172a21.5%2021.5%200%200%201-4.74-.021a22.4%2022.4%200%200%201-5.625-1.536a8.4%208.4%200%200%200%202-2.86a2.2%202.2%200%200%200-.068-1.745a9.33%209.33%200%200%201%201.901-10.771c3.781-3.661%209.803-3.629%2013.547.079a9.766%209.766%200%200%201-.167%2013.683z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M27.973%209.661a12.9%2012.9%200%200%200-4.531-2.937c.964-2.823%204.369-3.855%204.369-3.855A28.86%2028.86%200%200%200%2011.078.385a13.52%2013.52%200%200%200-7.787%204.641a12.2%2012.2%200%200%200-2.959%208.932a12.22%2012.22%200%200%200%204.281%208.38c.797.683%202.579%201.74%202.609%201.797c-1.172%202.968-4.907%203.781-4.907%203.781a31.1%2031.1%200%200%200%2011.568%203.885c1.844.233%203.713.26%205.563.067a14.12%2014.12%200%200%200%208.453-4.161a12.7%2012.7%200%200%200%20.077-18.046zm-2.27%2016.079a11.83%2011.83%200%200%201-6.848%203.172a21.5%2021.5%200%200%201-4.74-.021a22.4%2022.4%200%200%201-5.625-1.536a8.4%208.4%200%200%200%202-2.86a2.2%202.2%200%200%200-.068-1.745a9.33%209.33%200%200%201%201.901-10.771c3.781-3.661%209.803-3.629%2013.547.079a9.766%209.766%200%200%201-.167%2013.683z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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