cyclejs logo
cyclejs from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- cyclejs
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×256
- License
- CC0
Use the cyclejs logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVGMx26Gc1s" x1="29.184%" x2="86.484%" y1="99.591%" y2=".354%"><stop offset="41.47%" stop-color="#51d3d9"/><stop offset="100%" stop-color="#c8ff8c"/></linearGradient><linearGradient id="SVGnDtz5cFJ" x1="34.118%" x2="94.65%" y1="106.866%" y2="20.552%"><stop offset="41.47%" stop-color="#51d3d9"/><stop offset="100%" stop-color="#5a919b"/></linearGradient></defs><path fill="url(#SVGMx26Gc1s)" d="M255.96 198.32c-.12 2.6-.84 5.16-2.16 7.48l-24.24 42a16.33 16.33 0 0 1-14.16 8.2H80.88c-5.84 0-11.24-3.12-14.16-8.16L2.2 136.2C.72 133.64 0 130.84 0 128s.56-5.8 2.28-8.68L66.76 8.16C69.68 3.12 75.08 0 80.88 0H215.4c5.84 0 11.24 3.12 14.16 8.16c0 0 23.32 38.2 25 40.92s1.4 6.16 1.4 8.96c0 2.4-.68 5.68-1.32 8.28s-20.16 81.72-20.16 81.72l-42.6-90.6h-87.32L63.68 128l40.88 70.56h87.28z"/><path fill="url(#SVGnDtz5cFJ)" d="m224.84 127.96l29.6 62.76a16.31 16.31 0 0 1-.64 15.12l-61.92-7.24z"/></svg>
React
import type { SVGProps } from "react";
export function LogosCyclejs(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVGMx26Gc1s" x1="29.184%" x2="86.484%" y1="99.591%" y2=".354%"><stop offset="41.47%" stopColor="#51d3d9"/><stop offset="100%" stopColor="#c8ff8c"/></linearGradient><linearGradient id="SVGnDtz5cFJ" x1="34.118%" x2="94.65%" y1="106.866%" y2="20.552%"><stop offset="41.47%" stopColor="#51d3d9"/><stop offset="100%" stopColor="#5a919b"/></linearGradient></defs><path fill="url(#SVGMx26Gc1s)" d="M255.96 198.32c-.12 2.6-.84 5.16-2.16 7.48l-24.24 42a16.33 16.33 0 0 1-14.16 8.2H80.88c-5.84 0-11.24-3.12-14.16-8.16L2.2 136.2C.72 133.64 0 130.84 0 128s.56-5.8 2.28-8.68L66.76 8.16C69.68 3.12 75.08 0 80.88 0H215.4c5.84 0 11.24 3.12 14.16 8.16c0 0 23.32 38.2 25 40.92s1.4 6.16 1.4 8.96c0 2.4-.68 5.68-1.32 8.28s-20.16 81.72-20.16 81.72l-42.6-90.6h-87.32L63.68 128l40.88 70.56h87.28z"/><path fill="url(#SVGnDtz5cFJ)" d="m224.84 127.96l29.6 62.76a16.31 16.31 0 0 1-.64 15.12l-61.92-7.24z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVGMx26Gc1s" x1="29.184%" x2="86.484%" y1="99.591%" y2=".354%"><stop offset="41.47%" stop-color="#51d3d9"/><stop offset="100%" stop-color="#c8ff8c"/></linearGradient><linearGradient id="SVGnDtz5cFJ" x1="34.118%" x2="94.65%" y1="106.866%" y2="20.552%"><stop offset="41.47%" stop-color="#51d3d9"/><stop offset="100%" stop-color="#5a919b"/></linearGradient></defs><path fill="url(#SVGMx26Gc1s)" d="M255.96 198.32c-.12 2.6-.84 5.16-2.16 7.48l-24.24 42a16.33 16.33 0 0 1-14.16 8.2H80.88c-5.84 0-11.24-3.12-14.16-8.16L2.2 136.2C.72 133.64 0 130.84 0 128s.56-5.8 2.28-8.68L66.76 8.16C69.68 3.12 75.08 0 80.88 0H215.4c5.84 0 11.24 3.12 14.16 8.16c0 0 23.32 38.2 25 40.92s1.4 6.16 1.4 8.96c0 2.4-.68 5.68-1.32 8.28s-20.16 81.72-20.16 81.72l-42.6-90.6h-87.32L63.68 128l40.88 70.56h87.28z"/><path fill="url(#SVGnDtz5cFJ)" d="m224.84 127.96l29.6 62.76a16.31 16.31 0 0 1-.64 15.12l-61.92-7.24z"/></svg> </template>
CSS
.icon-cyclejs {
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%20256%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGMx26Gc1s%22%20x1%3D%2229.184%25%22%20x2%3D%2286.484%25%22%20y1%3D%2299.591%25%22%20y2%3D%22.354%25%22%3E%3Cstop%20offset%3D%2241.47%25%22%20stop-color%3D%22%2351d3d9%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23c8ff8c%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGnDtz5cFJ%22%20x1%3D%2234.118%25%22%20x2%3D%2294.65%25%22%20y1%3D%22106.866%25%22%20y2%3D%2220.552%25%22%3E%3Cstop%20offset%3D%2241.47%25%22%20stop-color%3D%22%2351d3d9%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%235a919b%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGMx26Gc1s)%22%20d%3D%22M255.96%20198.32c-.12%202.6-.84%205.16-2.16%207.48l-24.24%2042a16.33%2016.33%200%200%201-14.16%208.2H80.88c-5.84%200-11.24-3.12-14.16-8.16L2.2%20136.2C.72%20133.64%200%20130.84%200%20128s.56-5.8%202.28-8.68L66.76%208.16C69.68%203.12%2075.08%200%2080.88%200H215.4c5.84%200%2011.24%203.12%2014.16%208.16c0%200%2023.32%2038.2%2025%2040.92s1.4%206.16%201.4%208.96c0%202.4-.68%205.68-1.32%208.28s-20.16%2081.72-20.16%2081.72l-42.6-90.6h-87.32L63.68%20128l40.88%2070.56h87.28z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGnDtz5cFJ)%22%20d%3D%22m224.84%20127.96l29.6%2062.76a16.31%2016.31%200%200%201-.64%2015.12l-61.92-7.24z%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%20256%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGMx26Gc1s%22%20x1%3D%2229.184%25%22%20x2%3D%2286.484%25%22%20y1%3D%2299.591%25%22%20y2%3D%22.354%25%22%3E%3Cstop%20offset%3D%2241.47%25%22%20stop-color%3D%22%2351d3d9%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23c8ff8c%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGnDtz5cFJ%22%20x1%3D%2234.118%25%22%20x2%3D%2294.65%25%22%20y1%3D%22106.866%25%22%20y2%3D%2220.552%25%22%3E%3Cstop%20offset%3D%2241.47%25%22%20stop-color%3D%22%2351d3d9%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%235a919b%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGMx26Gc1s)%22%20d%3D%22M255.96%20198.32c-.12%202.6-.84%205.16-2.16%207.48l-24.24%2042a16.33%2016.33%200%200%201-14.16%208.2H80.88c-5.84%200-11.24-3.12-14.16-8.16L2.2%20136.2C.72%20133.64%200%20130.84%200%20128s.56-5.8%202.28-8.68L66.76%208.16C69.68%203.12%2075.08%200%2080.88%200H215.4c5.84%200%2011.24%203.12%2014.16%208.16c0%200%2023.32%2038.2%2025%2040.92s1.4%206.16%201.4%208.96c0%202.4-.68%205.68-1.32%208.28s-20.16%2081.72-20.16%2081.72l-42.6-90.6h-87.32L63.68%20128l40.88%2070.56h87.28z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGnDtz5cFJ)%22%20d%3D%22m224.84%20127.96l29.6%2062.76a16.31%2016.31%200%200%201-.64%2015.12l-61.92-7.24z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/cyclejs.svg?color=%231a73e8&size=48
