stylex icon logo

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

Name
stylex-icon
Set
SVG Logos
Style
Color
Viewbox
256×305
License
CC0

Use the stylex icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 305"><path fill="#5bd3f3" d="M208.619 159.116c1.673 3.92 9.146 19.483 10.682 23.301c-9.347 15.494-11.54 19.515-31.077 44.075C108.71 308.824 47.363 322.128 9.77 283.665Q4.26 277.779 0 268.36q1.2 2.16 3.17 4.761l.475.618q.121.157.245.314l.507.637l.528.648l.549.66l.57.673l.592.685l.613.697l.635.709l.656.721l.336.366l.688.74l.352.374l.72.758l.367.383c46.438 42.04 92.76 5.973 155.653-63.715q14.239-16.56 41.963-59.273m24.286-133.01c29.43 25.296 29.43 64.548 7.353 120.609c-1.692-4.122-9.144-20.6-11.013-24.822c17.38-47.613 17.783-70.248-7.212-92.82c-14.38-12.986-24.59-13.52-44.032-10.358l-1.273.212q-.32.053-.64.11l-1.287.23l-1.298.238l-.653.124l-15.33 3.036v-.028l.339-.123c30.764-11.208 57.183-12.103 75.046 3.593"/><path fill="#d573de" d="M213.49 107.318c46.657 87.98 49.601 135.586 34.06 168.89c-5.598 12-19.56 20.294-25.566 23.52c-15.074 8.095-46.285 4.064-74.185-4.11l-4.182-1.781c14.02 4.509 44.488 10.4 60.914 5.89c53.946-14.808 47.528-78.939-6.693-179.655S84.293-8.273 37.53 10.717c-4.49 1.823-8.405 4.314-11.773 7.4l.36-.383l.723-.76l.362-.373l.727-.737c5.215-5.232 10.623-9.316 16.196-11.196C86.413-9.595 159.01 4.584 213.49 107.318"/></svg>

React

import type { SVGProps } from "react";

export function LogosStylexIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 305"><path fill="#5bd3f3" d="M208.619 159.116c1.673 3.92 9.146 19.483 10.682 23.301c-9.347 15.494-11.54 19.515-31.077 44.075C108.71 308.824 47.363 322.128 9.77 283.665Q4.26 277.779 0 268.36q1.2 2.16 3.17 4.761l.475.618q.121.157.245.314l.507.637l.528.648l.549.66l.57.673l.592.685l.613.697l.635.709l.656.721l.336.366l.688.74l.352.374l.72.758l.367.383c46.438 42.04 92.76 5.973 155.653-63.715q14.239-16.56 41.963-59.273m24.286-133.01c29.43 25.296 29.43 64.548 7.353 120.609c-1.692-4.122-9.144-20.6-11.013-24.822c17.38-47.613 17.783-70.248-7.212-92.82c-14.38-12.986-24.59-13.52-44.032-10.358l-1.273.212q-.32.053-.64.11l-1.287.23l-1.298.238l-.653.124l-15.33 3.036v-.028l.339-.123c30.764-11.208 57.183-12.103 75.046 3.593"/><path fill="#d573de" d="M213.49 107.318c46.657 87.98 49.601 135.586 34.06 168.89c-5.598 12-19.56 20.294-25.566 23.52c-15.074 8.095-46.285 4.064-74.185-4.11l-4.182-1.781c14.02 4.509 44.488 10.4 60.914 5.89c53.946-14.808 47.528-78.939-6.693-179.655S84.293-8.273 37.53 10.717c-4.49 1.823-8.405 4.314-11.773 7.4l.36-.383l.723-.76l.362-.373l.727-.737c5.215-5.232 10.623-9.316 16.196-11.196C86.413-9.595 159.01 4.584 213.49 107.318"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 305"><path fill="#5bd3f3" d="M208.619 159.116c1.673 3.92 9.146 19.483 10.682 23.301c-9.347 15.494-11.54 19.515-31.077 44.075C108.71 308.824 47.363 322.128 9.77 283.665Q4.26 277.779 0 268.36q1.2 2.16 3.17 4.761l.475.618q.121.157.245.314l.507.637l.528.648l.549.66l.57.673l.592.685l.613.697l.635.709l.656.721l.336.366l.688.74l.352.374l.72.758l.367.383c46.438 42.04 92.76 5.973 155.653-63.715q14.239-16.56 41.963-59.273m24.286-133.01c29.43 25.296 29.43 64.548 7.353 120.609c-1.692-4.122-9.144-20.6-11.013-24.822c17.38-47.613 17.783-70.248-7.212-92.82c-14.38-12.986-24.59-13.52-44.032-10.358l-1.273.212q-.32.053-.64.11l-1.287.23l-1.298.238l-.653.124l-15.33 3.036v-.028l.339-.123c30.764-11.208 57.183-12.103 75.046 3.593"/><path fill="#d573de" d="M213.49 107.318c46.657 87.98 49.601 135.586 34.06 168.89c-5.598 12-19.56 20.294-25.566 23.52c-15.074 8.095-46.285 4.064-74.185-4.11l-4.182-1.781c14.02 4.509 44.488 10.4 60.914 5.89c53.946-14.808 47.528-78.939-6.693-179.655S84.293-8.273 37.53 10.717c-4.49 1.823-8.405 4.314-11.773 7.4l.36-.383l.723-.76l.362-.373l.727-.737c5.215-5.232 10.623-9.316 16.196-11.196C86.413-9.595 159.01 4.584 213.49 107.318"/></svg>
</template>

CSS

.icon-stylex-icon {
  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%20305%22%3E%3Cpath%20fill%3D%22%235bd3f3%22%20d%3D%22M208.619%20159.116c1.673%203.92%209.146%2019.483%2010.682%2023.301c-9.347%2015.494-11.54%2019.515-31.077%2044.075C108.71%20308.824%2047.363%20322.128%209.77%20283.665Q4.26%20277.779%200%20268.36q1.2%202.16%203.17%204.761l.475.618q.121.157.245.314l.507.637l.528.648l.549.66l.57.673l.592.685l.613.697l.635.709l.656.721l.336.366l.688.74l.352.374l.72.758l.367.383c46.438%2042.04%2092.76%205.973%20155.653-63.715q14.239-16.56%2041.963-59.273m24.286-133.01c29.43%2025.296%2029.43%2064.548%207.353%20120.609c-1.692-4.122-9.144-20.6-11.013-24.822c17.38-47.613%2017.783-70.248-7.212-92.82c-14.38-12.986-24.59-13.52-44.032-10.358l-1.273.212q-.32.053-.64.11l-1.287.23l-1.298.238l-.653.124l-15.33%203.036v-.028l.339-.123c30.764-11.208%2057.183-12.103%2075.046%203.593%22%2F%3E%3Cpath%20fill%3D%22%23d573de%22%20d%3D%22M213.49%20107.318c46.657%2087.98%2049.601%20135.586%2034.06%20168.89c-5.598%2012-19.56%2020.294-25.566%2023.52c-15.074%208.095-46.285%204.064-74.185-4.11l-4.182-1.781c14.02%204.509%2044.488%2010.4%2060.914%205.89c53.946-14.808%2047.528-78.939-6.693-179.655S84.293-8.273%2037.53%2010.717c-4.49%201.823-8.405%204.314-11.773%207.4l.36-.383l.723-.76l.362-.373l.727-.737c5.215-5.232%2010.623-9.316%2016.196-11.196C86.413-9.595%20159.01%204.584%20213.49%20107.318%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%20305%22%3E%3Cpath%20fill%3D%22%235bd3f3%22%20d%3D%22M208.619%20159.116c1.673%203.92%209.146%2019.483%2010.682%2023.301c-9.347%2015.494-11.54%2019.515-31.077%2044.075C108.71%20308.824%2047.363%20322.128%209.77%20283.665Q4.26%20277.779%200%20268.36q1.2%202.16%203.17%204.761l.475.618q.121.157.245.314l.507.637l.528.648l.549.66l.57.673l.592.685l.613.697l.635.709l.656.721l.336.366l.688.74l.352.374l.72.758l.367.383c46.438%2042.04%2092.76%205.973%20155.653-63.715q14.239-16.56%2041.963-59.273m24.286-133.01c29.43%2025.296%2029.43%2064.548%207.353%20120.609c-1.692-4.122-9.144-20.6-11.013-24.822c17.38-47.613%2017.783-70.248-7.212-92.82c-14.38-12.986-24.59-13.52-44.032-10.358l-1.273.212q-.32.053-.64.11l-1.287.23l-1.298.238l-.653.124l-15.33%203.036v-.028l.339-.123c30.764-11.208%2057.183-12.103%2075.046%203.593%22%2F%3E%3Cpath%20fill%3D%22%23d573de%22%20d%3D%22M213.49%20107.318c46.657%2087.98%2049.601%20135.586%2034.06%20168.89c-5.598%2012-19.56%2020.294-25.566%2023.52c-15.074%208.095-46.285%204.064-74.185-4.11l-4.182-1.781c14.02%204.509%2044.488%2010.4%2060.914%205.89c53.946-14.808%2047.528-78.939-6.693-179.655S84.293-8.273%2037.53%2010.717c-4.49%201.823-8.405%204.314-11.773%207.4l.36-.383l.723-.76l.362-.373l.727-.737c5.215-5.232%2010.623-9.316%2016.196-11.196C86.413-9.595%20159.01%204.584%20213.49%20107.318%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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