steemit logo
steemit from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- steemit
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the steemit logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.982 7.246c-1-1-2.163-1.73-3.4-2.202c.721-2.12 3.277-2.892 3.277-2.892S14.895-.944 8.31.29C6.114.64 4.008 1.988 2.468 3.768a9.15 9.15 0 0 0 .991 12.984c.598.512 1.934 1.308 1.958 1.349c-.876 2.226-3.678 2.835-3.678 2.835s3.703 2.316 8.676 2.917c1.319.163 2.72.204 4.17.05c2.302-.188 4.596-1.406 6.34-3.12a9.525 9.525 0 0 0 .058-13.538zm-1.704 12.058c-1.41 1.382-3.515 2.26-5.137 2.381c-1.147.114-2.376.13-3.555-.016c-1.737-.212-2.99-.69-4.22-1.154c.623-.601 1.246-1.43 1.5-2.145a1.65 1.65 0 0 0-.05-1.308a6.995 6.995 0 0 1 1.426-8.077a7.2 7.2 0 0 1 5.931-1.99a7.14 7.14 0 0 1 4.228 2.047c2.785 2.795 2.687 7.524-.123 10.262"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsSteemit(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="M20.982 7.246c-1-1-2.163-1.73-3.4-2.202c.721-2.12 3.277-2.892 3.277-2.892S14.895-.944 8.31.29C6.114.64 4.008 1.988 2.468 3.768a9.15 9.15 0 0 0 .991 12.984c.598.512 1.934 1.308 1.958 1.349c-.876 2.226-3.678 2.835-3.678 2.835s3.703 2.316 8.676 2.917c1.319.163 2.72.204 4.17.05c2.302-.188 4.596-1.406 6.34-3.12a9.525 9.525 0 0 0 .058-13.538zm-1.704 12.058c-1.41 1.382-3.515 2.26-5.137 2.381c-1.147.114-2.376.13-3.555-.016c-1.737-.212-2.99-.69-4.22-1.154c.623-.601 1.246-1.43 1.5-2.145a1.65 1.65 0 0 0-.05-1.308a6.995 6.995 0 0 1 1.426-8.077a7.2 7.2 0 0 1 5.931-1.99a7.14 7.14 0 0 1 4.228 2.047c2.785 2.795 2.687 7.524-.123 10.262"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.982 7.246c-1-1-2.163-1.73-3.4-2.202c.721-2.12 3.277-2.892 3.277-2.892S14.895-.944 8.31.29C6.114.64 4.008 1.988 2.468 3.768a9.15 9.15 0 0 0 .991 12.984c.598.512 1.934 1.308 1.958 1.349c-.876 2.226-3.678 2.835-3.678 2.835s3.703 2.316 8.676 2.917c1.319.163 2.72.204 4.17.05c2.302-.188 4.596-1.406 6.34-3.12a9.525 9.525 0 0 0 .058-13.538zm-1.704 12.058c-1.41 1.382-3.515 2.26-5.137 2.381c-1.147.114-2.376.13-3.555-.016c-1.737-.212-2.99-.69-4.22-1.154c.623-.601 1.246-1.43 1.5-2.145a1.65 1.65 0 0 0-.05-1.308a6.995 6.995 0 0 1 1.426-8.077a7.2 7.2 0 0 1 5.931-1.99a7.14 7.14 0 0 1 4.228 2.047c2.785 2.795 2.687 7.524-.123 10.262"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.982%207.246c-1-1-2.163-1.73-3.4-2.202c.721-2.12%203.277-2.892%203.277-2.892S14.895-.944%208.31.29C6.114.64%204.008%201.988%202.468%203.768a9.15%209.15%200%200%200%20.991%2012.984c.598.512%201.934%201.308%201.958%201.349c-.876%202.226-3.678%202.835-3.678%202.835s3.703%202.316%208.676%202.917c1.319.163%202.72.204%204.17.05c2.302-.188%204.596-1.406%206.34-3.12a9.525%209.525%200%200%200%20.058-13.538zm-1.704%2012.058c-1.41%201.382-3.515%202.26-5.137%202.381c-1.147.114-2.376.13-3.555-.016c-1.737-.212-2.99-.69-4.22-1.154c.623-.601%201.246-1.43%201.5-2.145a1.65%201.65%200%200%200-.05-1.308a6.995%206.995%200%200%201%201.426-8.077a7.2%207.2%200%200%201%205.931-1.99a7.14%207.14%200%200%201%204.228%202.047c2.785%202.795%202.687%207.524-.123%2010.262%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%22M20.982%207.246c-1-1-2.163-1.73-3.4-2.202c.721-2.12%203.277-2.892%203.277-2.892S14.895-.944%208.31.29C6.114.64%204.008%201.988%202.468%203.768a9.15%209.15%200%200%200%20.991%2012.984c.598.512%201.934%201.308%201.958%201.349c-.876%202.226-3.678%202.835-3.678%202.835s3.703%202.316%208.676%202.917c1.319.163%202.72.204%204.17.05c2.302-.188%204.596-1.406%206.34-3.12a9.525%209.525%200%200%200%20.058-13.538zm-1.704%2012.058c-1.41%201.382-3.515%202.26-5.137%202.381c-1.147.114-2.376.13-3.555-.016c-1.737-.212-2.99-.69-4.22-1.154c.623-.601%201.246-1.43%201.5-2.145a1.65%201.65%200%200%200-.05-1.308a6.995%206.995%200%200%201%201.426-8.077a7.2%207.2%200%200%201%205.931-1.99a7.14%207.14%200%200%201%204.228%202.047c2.785%202.795%202.687%207.524-.123%2010.262%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/steemit.svg?color=%231a73e8&size=48
