stylefmt logo

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

Name
stylefmt
Set
SVG Logos
Style
Color
Viewbox
256×154
License
CC0

Use the stylefmt logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 154"><path d="m178.904 2.857l-2.109-1.417a8.8 8.8 0 0 0-6.542-1.271h-.073a8.73 8.73 0 0 0-5.452 3.708L74.835 138.43a8.75 8.75 0 0 0-1.27 6.506v.119a8.65 8.65 0 0 0 3.708 5.415l2.109 1.38a8.69 8.69 0 0 0 12.067-2.471l89.893-134.516a8.84 8.84 0 0 0 1.27-6.543a8.53 8.53 0 0 0-3.708-5.463m-1.454 9.446l-10.686 15.992l-8.795-5.814l10.687-15.955a4 4 0 0 1 2.544-1.71a4.02 4.02 0 0 1 3.017.582l2.109 1.417a4 4 0 0 1 1.71 2.544a3.9 3.9 0 0 1-.586 2.947zM51.113 118.182a5.16 5.16 0 0 1-3.237-1.128L2.006 80.817a5.22 5.22 0 0 1 0-8.228L47.84 36.294a5.256 5.256 0 0 1 6.542 8.227L13.748 76.71l40.598 32.084a5.253 5.253 0 0 1-3.233 9.389m153.814 0a5.253 5.253 0 0 1-3.23-9.389l40.595-32.084l-40.635-32.212a5.244 5.244 0 1 1 6.506-8.228l45.83 36.335a5.22 5.22 0 0 1 0 8.228l-45.83 36.189a5.2 5.2 0 0 1-3.236 1.16"/><path fill="#1c96d4" d="M114.102 45.037c2.864-7.868 5.224-10.191 13.092-13.092c-7.868-2.864-10.176-5.223-13.092-13.089c-2.864 7.869-5.223 10.192-13.091 13.092c7.871 2.898 10.19 5.22 13.091 13.09"/><path fill="#c61a41" d="M81.72 89.533c5.004-13.636 9.03-17.661 22.665-22.666c-13.636-5.004-17.661-9.03-22.666-22.666c-5.004 13.636-9.03 17.662-22.666 22.666c13.636 4.968 17.698 9.03 22.666 22.666"/><path fill="#eeb034" d="M170.24 110.493c3.627-9.899 6.564-12.8 16.418-16.418c-9.9-3.627-12.8-6.564-16.418-16.418c-3.627 9.9-6.564 12.8-16.418 16.418c9.854 3.618 12.79 6.568 16.418 16.418"/></svg>

React

import type { SVGProps } from "react";

export function LogosStylefmt(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 154"><path d="m178.904 2.857l-2.109-1.417a8.8 8.8 0 0 0-6.542-1.271h-.073a8.73 8.73 0 0 0-5.452 3.708L74.835 138.43a8.75 8.75 0 0 0-1.27 6.506v.119a8.65 8.65 0 0 0 3.708 5.415l2.109 1.38a8.69 8.69 0 0 0 12.067-2.471l89.893-134.516a8.84 8.84 0 0 0 1.27-6.543a8.53 8.53 0 0 0-3.708-5.463m-1.454 9.446l-10.686 15.992l-8.795-5.814l10.687-15.955a4 4 0 0 1 2.544-1.71a4.02 4.02 0 0 1 3.017.582l2.109 1.417a4 4 0 0 1 1.71 2.544a3.9 3.9 0 0 1-.586 2.947zM51.113 118.182a5.16 5.16 0 0 1-3.237-1.128L2.006 80.817a5.22 5.22 0 0 1 0-8.228L47.84 36.294a5.256 5.256 0 0 1 6.542 8.227L13.748 76.71l40.598 32.084a5.253 5.253 0 0 1-3.233 9.389m153.814 0a5.253 5.253 0 0 1-3.23-9.389l40.595-32.084l-40.635-32.212a5.244 5.244 0 1 1 6.506-8.228l45.83 36.335a5.22 5.22 0 0 1 0 8.228l-45.83 36.189a5.2 5.2 0 0 1-3.236 1.16"/><path fill="#1c96d4" d="M114.102 45.037c2.864-7.868 5.224-10.191 13.092-13.092c-7.868-2.864-10.176-5.223-13.092-13.089c-2.864 7.869-5.223 10.192-13.091 13.092c7.871 2.898 10.19 5.22 13.091 13.09"/><path fill="#c61a41" d="M81.72 89.533c5.004-13.636 9.03-17.661 22.665-22.666c-13.636-5.004-17.661-9.03-22.666-22.666c-5.004 13.636-9.03 17.662-22.666 22.666c13.636 4.968 17.698 9.03 22.666 22.666"/><path fill="#eeb034" d="M170.24 110.493c3.627-9.899 6.564-12.8 16.418-16.418c-9.9-3.627-12.8-6.564-16.418-16.418c-3.627 9.9-6.564 12.8-16.418 16.418c9.854 3.618 12.79 6.568 16.418 16.418"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 154"><path d="m178.904 2.857l-2.109-1.417a8.8 8.8 0 0 0-6.542-1.271h-.073a8.73 8.73 0 0 0-5.452 3.708L74.835 138.43a8.75 8.75 0 0 0-1.27 6.506v.119a8.65 8.65 0 0 0 3.708 5.415l2.109 1.38a8.69 8.69 0 0 0 12.067-2.471l89.893-134.516a8.84 8.84 0 0 0 1.27-6.543a8.53 8.53 0 0 0-3.708-5.463m-1.454 9.446l-10.686 15.992l-8.795-5.814l10.687-15.955a4 4 0 0 1 2.544-1.71a4.02 4.02 0 0 1 3.017.582l2.109 1.417a4 4 0 0 1 1.71 2.544a3.9 3.9 0 0 1-.586 2.947zM51.113 118.182a5.16 5.16 0 0 1-3.237-1.128L2.006 80.817a5.22 5.22 0 0 1 0-8.228L47.84 36.294a5.256 5.256 0 0 1 6.542 8.227L13.748 76.71l40.598 32.084a5.253 5.253 0 0 1-3.233 9.389m153.814 0a5.253 5.253 0 0 1-3.23-9.389l40.595-32.084l-40.635-32.212a5.244 5.244 0 1 1 6.506-8.228l45.83 36.335a5.22 5.22 0 0 1 0 8.228l-45.83 36.189a5.2 5.2 0 0 1-3.236 1.16"/><path fill="#1c96d4" d="M114.102 45.037c2.864-7.868 5.224-10.191 13.092-13.092c-7.868-2.864-10.176-5.223-13.092-13.089c-2.864 7.869-5.223 10.192-13.091 13.092c7.871 2.898 10.19 5.22 13.091 13.09"/><path fill="#c61a41" d="M81.72 89.533c5.004-13.636 9.03-17.661 22.665-22.666c-13.636-5.004-17.661-9.03-22.666-22.666c-5.004 13.636-9.03 17.662-22.666 22.666c13.636 4.968 17.698 9.03 22.666 22.666"/><path fill="#eeb034" d="M170.24 110.493c3.627-9.899 6.564-12.8 16.418-16.418c-9.9-3.627-12.8-6.564-16.418-16.418c-3.627 9.9-6.564 12.8-16.418 16.418c9.854 3.618 12.79 6.568 16.418 16.418"/></svg>
</template>

CSS

.icon-stylefmt {
  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%20154%22%3E%3Cpath%20d%3D%22m178.904%202.857l-2.109-1.417a8.8%208.8%200%200%200-6.542-1.271h-.073a8.73%208.73%200%200%200-5.452%203.708L74.835%20138.43a8.75%208.75%200%200%200-1.27%206.506v.119a8.65%208.65%200%200%200%203.708%205.415l2.109%201.38a8.69%208.69%200%200%200%2012.067-2.471l89.893-134.516a8.84%208.84%200%200%200%201.27-6.543a8.53%208.53%200%200%200-3.708-5.463m-1.454%209.446l-10.686%2015.992l-8.795-5.814l10.687-15.955a4%204%200%200%201%202.544-1.71a4.02%204.02%200%200%201%203.017.582l2.109%201.417a4%204%200%200%201%201.71%202.544a3.9%203.9%200%200%201-.586%202.947zM51.113%20118.182a5.16%205.16%200%200%201-3.237-1.128L2.006%2080.817a5.22%205.22%200%200%201%200-8.228L47.84%2036.294a5.256%205.256%200%200%201%206.542%208.227L13.748%2076.71l40.598%2032.084a5.253%205.253%200%200%201-3.233%209.389m153.814%200a5.253%205.253%200%200%201-3.23-9.389l40.595-32.084l-40.635-32.212a5.244%205.244%200%201%201%206.506-8.228l45.83%2036.335a5.22%205.22%200%200%201%200%208.228l-45.83%2036.189a5.2%205.2%200%200%201-3.236%201.16%22%2F%3E%3Cpath%20fill%3D%22%231c96d4%22%20d%3D%22M114.102%2045.037c2.864-7.868%205.224-10.191%2013.092-13.092c-7.868-2.864-10.176-5.223-13.092-13.089c-2.864%207.869-5.223%2010.192-13.091%2013.092c7.871%202.898%2010.19%205.22%2013.091%2013.09%22%2F%3E%3Cpath%20fill%3D%22%23c61a41%22%20d%3D%22M81.72%2089.533c5.004-13.636%209.03-17.661%2022.665-22.666c-13.636-5.004-17.661-9.03-22.666-22.666c-5.004%2013.636-9.03%2017.662-22.666%2022.666c13.636%204.968%2017.698%209.03%2022.666%2022.666%22%2F%3E%3Cpath%20fill%3D%22%23eeb034%22%20d%3D%22M170.24%20110.493c3.627-9.899%206.564-12.8%2016.418-16.418c-9.9-3.627-12.8-6.564-16.418-16.418c-3.627%209.9-6.564%2012.8-16.418%2016.418c9.854%203.618%2012.79%206.568%2016.418%2016.418%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%20154%22%3E%3Cpath%20d%3D%22m178.904%202.857l-2.109-1.417a8.8%208.8%200%200%200-6.542-1.271h-.073a8.73%208.73%200%200%200-5.452%203.708L74.835%20138.43a8.75%208.75%200%200%200-1.27%206.506v.119a8.65%208.65%200%200%200%203.708%205.415l2.109%201.38a8.69%208.69%200%200%200%2012.067-2.471l89.893-134.516a8.84%208.84%200%200%200%201.27-6.543a8.53%208.53%200%200%200-3.708-5.463m-1.454%209.446l-10.686%2015.992l-8.795-5.814l10.687-15.955a4%204%200%200%201%202.544-1.71a4.02%204.02%200%200%201%203.017.582l2.109%201.417a4%204%200%200%201%201.71%202.544a3.9%203.9%200%200%201-.586%202.947zM51.113%20118.182a5.16%205.16%200%200%201-3.237-1.128L2.006%2080.817a5.22%205.22%200%200%201%200-8.228L47.84%2036.294a5.256%205.256%200%200%201%206.542%208.227L13.748%2076.71l40.598%2032.084a5.253%205.253%200%200%201-3.233%209.389m153.814%200a5.253%205.253%200%200%201-3.23-9.389l40.595-32.084l-40.635-32.212a5.244%205.244%200%201%201%206.506-8.228l45.83%2036.335a5.22%205.22%200%200%201%200%208.228l-45.83%2036.189a5.2%205.2%200%200%201-3.236%201.16%22%2F%3E%3Cpath%20fill%3D%22%231c96d4%22%20d%3D%22M114.102%2045.037c2.864-7.868%205.224-10.191%2013.092-13.092c-7.868-2.864-10.176-5.223-13.092-13.089c-2.864%207.869-5.223%2010.192-13.091%2013.092c7.871%202.898%2010.19%205.22%2013.091%2013.09%22%2F%3E%3Cpath%20fill%3D%22%23c61a41%22%20d%3D%22M81.72%2089.533c5.004-13.636%209.03-17.661%2022.665-22.666c-13.636-5.004-17.661-9.03-22.666-22.666c-5.004%2013.636-9.03%2017.662-22.666%2022.666c13.636%204.968%2017.698%209.03%2022.666%2022.666%22%2F%3E%3Cpath%20fill%3D%22%23eeb034%22%20d%3D%22M170.24%20110.493c3.627-9.899%206.564-12.8%2016.418-16.418c-9.9-3.627-12.8-6.564-16.418-16.418c-3.627%209.9-6.564%2012.8-16.418%2016.418c9.854%203.618%2012.79%206.568%2016.418%2016.418%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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