stylis logo

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

Name
stylis
Set
SVG Logos
Style
Color
Viewbox
512×201
License
CC0

Use the stylis logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 201"><defs><linearGradient id="SVGVWpGHclM" x1="47.165%" x2="47.165%" y1="1.316%" y2="81.579%"><stop offset="0%" stop-color="#745dc0"/><stop offset="100%" stop-color="#5497d8"/></linearGradient></defs><path fill="url(#SVGVWpGHclM)" fill-rule="evenodd" d="M374.763 163.629h83.134c5.83 0 14.658-7.927 17.155-13.196l16.992-36.584c5.92-13.32-2.417-24.117-16.992-24.117H448.66c-2.915 0-5.279-1.773-5.279-3.959s2.364-3.959 5.279-3.959h44.866L512 42.227h-76.536l-29.031 58.062c-6 13.284-1.38 23.67 13.196 23.67h23.752v.082c2.916 0 5.279 1.773 5.279 3.959s-2.363 3.959-5.279 3.959h-52.783zm-201.897 7.917c-8.017 0-14.515 6.5-14.515 14.516s6.498 14.515 14.515 14.515h67.299l13.196-29.03zm51.464-129.32l-37.814 81.862c-1.222 2.647-.968 6.8.569 9.277l15.988 25.778c1.537 2.478 5.146 4.486 8.061 4.486h47.505l58.062-121.402h-31.67l-39.588 84.453h-29.03L256 42.227zm145.155 34.31l-42.227 87.093h31.67l42.227-87.093zm15.835-34.31L372.124 68.62h21.126c5.83 0 12.669-4.229 15.274-9.444l3.748-7.504c2.606-5.216-.009-9.444-5.839-9.444zM0 163.63h77.856c5.83 0 14.657-7.927 17.154-13.196l16.993-36.584c5.92-13.32-2.417-24.117-16.993-24.117H68.62c-2.916 0-5.279-1.773-5.279-3.959s2.363-3.959 5.279-3.959h44.866l18.474-39.587H55.423L26.392 100.29c-6 13.284-1.38 23.67 13.196 23.67H63.34v.082c2.915 0 5.279 1.773 5.279 3.959s-2.364 3.959-5.279 3.959H15.835zM353.65 0l-76.537 163.629h34.31L387.959 0zM163.628 0l-40.551 91.777c4.57 4.391 5.663 14.101 2.12 22.072l-24.91 49.78h58.063l10.556-26.392c2.607-5.215 1.872-10.557-3.959-10.557h-22.433l21.114-44.866h23.752c2.916 0 4.046-2.636 5.279-5.278l15.835-34.31h-29.031L197.938 0z"/></svg>

React

import type { SVGProps } from "react";

export function LogosStylis(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 201"><defs><linearGradient id="SVGVWpGHclM" x1="47.165%" x2="47.165%" y1="1.316%" y2="81.579%"><stop offset="0%" stopColor="#745dc0"/><stop offset="100%" stopColor="#5497d8"/></linearGradient></defs><path fill="url(#SVGVWpGHclM)" fillRule="evenodd" d="M374.763 163.629h83.134c5.83 0 14.658-7.927 17.155-13.196l16.992-36.584c5.92-13.32-2.417-24.117-16.992-24.117H448.66c-2.915 0-5.279-1.773-5.279-3.959s2.364-3.959 5.279-3.959h44.866L512 42.227h-76.536l-29.031 58.062c-6 13.284-1.38 23.67 13.196 23.67h23.752v.082c2.916 0 5.279 1.773 5.279 3.959s-2.363 3.959-5.279 3.959h-52.783zm-201.897 7.917c-8.017 0-14.515 6.5-14.515 14.516s6.498 14.515 14.515 14.515h67.299l13.196-29.03zm51.464-129.32l-37.814 81.862c-1.222 2.647-.968 6.8.569 9.277l15.988 25.778c1.537 2.478 5.146 4.486 8.061 4.486h47.505l58.062-121.402h-31.67l-39.588 84.453h-29.03L256 42.227zm145.155 34.31l-42.227 87.093h31.67l42.227-87.093zm15.835-34.31L372.124 68.62h21.126c5.83 0 12.669-4.229 15.274-9.444l3.748-7.504c2.606-5.216-.009-9.444-5.839-9.444zM0 163.63h77.856c5.83 0 14.657-7.927 17.154-13.196l16.993-36.584c5.92-13.32-2.417-24.117-16.993-24.117H68.62c-2.916 0-5.279-1.773-5.279-3.959s2.363-3.959 5.279-3.959h44.866l18.474-39.587H55.423L26.392 100.29c-6 13.284-1.38 23.67 13.196 23.67H63.34v.082c2.915 0 5.279 1.773 5.279 3.959s-2.364 3.959-5.279 3.959H15.835zM353.65 0l-76.537 163.629h34.31L387.959 0zM163.628 0l-40.551 91.777c4.57 4.391 5.663 14.101 2.12 22.072l-24.91 49.78h58.063l10.556-26.392c2.607-5.215 1.872-10.557-3.959-10.557h-22.433l21.114-44.866h23.752c2.916 0 4.046-2.636 5.279-5.278l15.835-34.31h-29.031L197.938 0z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 201"><defs><linearGradient id="SVGVWpGHclM" x1="47.165%" x2="47.165%" y1="1.316%" y2="81.579%"><stop offset="0%" stop-color="#745dc0"/><stop offset="100%" stop-color="#5497d8"/></linearGradient></defs><path fill="url(#SVGVWpGHclM)" fill-rule="evenodd" d="M374.763 163.629h83.134c5.83 0 14.658-7.927 17.155-13.196l16.992-36.584c5.92-13.32-2.417-24.117-16.992-24.117H448.66c-2.915 0-5.279-1.773-5.279-3.959s2.364-3.959 5.279-3.959h44.866L512 42.227h-76.536l-29.031 58.062c-6 13.284-1.38 23.67 13.196 23.67h23.752v.082c2.916 0 5.279 1.773 5.279 3.959s-2.363 3.959-5.279 3.959h-52.783zm-201.897 7.917c-8.017 0-14.515 6.5-14.515 14.516s6.498 14.515 14.515 14.515h67.299l13.196-29.03zm51.464-129.32l-37.814 81.862c-1.222 2.647-.968 6.8.569 9.277l15.988 25.778c1.537 2.478 5.146 4.486 8.061 4.486h47.505l58.062-121.402h-31.67l-39.588 84.453h-29.03L256 42.227zm145.155 34.31l-42.227 87.093h31.67l42.227-87.093zm15.835-34.31L372.124 68.62h21.126c5.83 0 12.669-4.229 15.274-9.444l3.748-7.504c2.606-5.216-.009-9.444-5.839-9.444zM0 163.63h77.856c5.83 0 14.657-7.927 17.154-13.196l16.993-36.584c5.92-13.32-2.417-24.117-16.993-24.117H68.62c-2.916 0-5.279-1.773-5.279-3.959s2.363-3.959 5.279-3.959h44.866l18.474-39.587H55.423L26.392 100.29c-6 13.284-1.38 23.67 13.196 23.67H63.34v.082c2.915 0 5.279 1.773 5.279 3.959s-2.364 3.959-5.279 3.959H15.835zM353.65 0l-76.537 163.629h34.31L387.959 0zM163.628 0l-40.551 91.777c4.57 4.391 5.663 14.101 2.12 22.072l-24.91 49.78h58.063l10.556-26.392c2.607-5.215 1.872-10.557-3.959-10.557h-22.433l21.114-44.866h23.752c2.916 0 4.046-2.636 5.279-5.278l15.835-34.31h-29.031L197.938 0z"/></svg>
</template>

CSS

.icon-stylis {
  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%20512%20201%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGVWpGHclM%22%20x1%3D%2247.165%25%22%20x2%3D%2247.165%25%22%20y1%3D%221.316%25%22%20y2%3D%2281.579%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23745dc0%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%235497d8%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGVWpGHclM)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M374.763%20163.629h83.134c5.83%200%2014.658-7.927%2017.155-13.196l16.992-36.584c5.92-13.32-2.417-24.117-16.992-24.117H448.66c-2.915%200-5.279-1.773-5.279-3.959s2.364-3.959%205.279-3.959h44.866L512%2042.227h-76.536l-29.031%2058.062c-6%2013.284-1.38%2023.67%2013.196%2023.67h23.752v.082c2.916%200%205.279%201.773%205.279%203.959s-2.363%203.959-5.279%203.959h-52.783zm-201.897%207.917c-8.017%200-14.515%206.5-14.515%2014.516s6.498%2014.515%2014.515%2014.515h67.299l13.196-29.03zm51.464-129.32l-37.814%2081.862c-1.222%202.647-.968%206.8.569%209.277l15.988%2025.778c1.537%202.478%205.146%204.486%208.061%204.486h47.505l58.062-121.402h-31.67l-39.588%2084.453h-29.03L256%2042.227zm145.155%2034.31l-42.227%2087.093h31.67l42.227-87.093zm15.835-34.31L372.124%2068.62h21.126c5.83%200%2012.669-4.229%2015.274-9.444l3.748-7.504c2.606-5.216-.009-9.444-5.839-9.444zM0%20163.63h77.856c5.83%200%2014.657-7.927%2017.154-13.196l16.993-36.584c5.92-13.32-2.417-24.117-16.993-24.117H68.62c-2.916%200-5.279-1.773-5.279-3.959s2.363-3.959%205.279-3.959h44.866l18.474-39.587H55.423L26.392%20100.29c-6%2013.284-1.38%2023.67%2013.196%2023.67H63.34v.082c2.915%200%205.279%201.773%205.279%203.959s-2.364%203.959-5.279%203.959H15.835zM353.65%200l-76.537%20163.629h34.31L387.959%200zM163.628%200l-40.551%2091.777c4.57%204.391%205.663%2014.101%202.12%2022.072l-24.91%2049.78h58.063l10.556-26.392c2.607-5.215%201.872-10.557-3.959-10.557h-22.433l21.114-44.866h23.752c2.916%200%204.046-2.636%205.279-5.278l15.835-34.31h-29.031L197.938%200z%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%20512%20201%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGVWpGHclM%22%20x1%3D%2247.165%25%22%20x2%3D%2247.165%25%22%20y1%3D%221.316%25%22%20y2%3D%2281.579%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23745dc0%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%235497d8%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGVWpGHclM)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M374.763%20163.629h83.134c5.83%200%2014.658-7.927%2017.155-13.196l16.992-36.584c5.92-13.32-2.417-24.117-16.992-24.117H448.66c-2.915%200-5.279-1.773-5.279-3.959s2.364-3.959%205.279-3.959h44.866L512%2042.227h-76.536l-29.031%2058.062c-6%2013.284-1.38%2023.67%2013.196%2023.67h23.752v.082c2.916%200%205.279%201.773%205.279%203.959s-2.363%203.959-5.279%203.959h-52.783zm-201.897%207.917c-8.017%200-14.515%206.5-14.515%2014.516s6.498%2014.515%2014.515%2014.515h67.299l13.196-29.03zm51.464-129.32l-37.814%2081.862c-1.222%202.647-.968%206.8.569%209.277l15.988%2025.778c1.537%202.478%205.146%204.486%208.061%204.486h47.505l58.062-121.402h-31.67l-39.588%2084.453h-29.03L256%2042.227zm145.155%2034.31l-42.227%2087.093h31.67l42.227-87.093zm15.835-34.31L372.124%2068.62h21.126c5.83%200%2012.669-4.229%2015.274-9.444l3.748-7.504c2.606-5.216-.009-9.444-5.839-9.444zM0%20163.63h77.856c5.83%200%2014.657-7.927%2017.154-13.196l16.993-36.584c5.92-13.32-2.417-24.117-16.993-24.117H68.62c-2.916%200-5.279-1.773-5.279-3.959s2.363-3.959%205.279-3.959h44.866l18.474-39.587H55.423L26.392%20100.29c-6%2013.284-1.38%2023.67%2013.196%2023.67H63.34v.082c2.915%200%205.279%201.773%205.279%203.959s-2.364%203.959-5.279%203.959H15.835zM353.65%200l-76.537%20163.629h34.31L387.959%200zM163.628%200l-40.551%2091.777c4.57%204.391%205.663%2014.101%202.12%2022.072l-24.91%2049.78h58.063l10.556-26.392c2.607-5.215%201.872-10.557-3.959-10.557h-22.433l21.114-44.866h23.752c2.916%200%204.046-2.636%205.279-5.278l15.835-34.31h-29.031L197.938%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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