openjs foundation icon logo

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

Name
openjs-foundation-icon
Set
SVG Logos
Style
Color
Viewbox
256×296
License
CC0

Related icons in SVG Logos

openjs-foundation

Use the openjs foundation icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 296"><defs><linearGradient id="SVG9lZJOeza" x1="20.394%" x2="79.571%" y1="15.849%" y2="84.151%"><stop offset="21.45%" stop-color="#0075c9"/><stop offset="70.67%" stop-color="#80bc00"/><stop offset="100%" stop-color="#fde021"/></linearGradient></defs><path fill="url(#SVG9lZJOeza)" fill-rule="evenodd" d="M255.06 73.398L128.752.47l-.846-.47l-.846.47L1.504 73.022l-.658.376l-.846.47v147.736l.846.47L127.154 295l.846.47l.846-.47l124.617-71.894l1.691-.94l.846-.47V73.868zM115.313 18.89l-30.92 53.474H22.65zM79.319 81.198l-14.473 25.093l-43.419-25.093zM68.04 118.226l51.031 29.51l-51.03 29.51l-17.011-29.51zm-7.518-4.323L46.05 138.996L17.01 88.81zM10.056 94.261l30.919 53.475l-30.92 53.474zm35.9 62.309l14.473 25.092l-43.419 25.093zm18.89 32.61l14.473 25.093H21.427zm-42.197 33.927h61.745l30.919 53.474zm100.934 50.185l-28.946-50.185h28.946zm0-59.019H89.468l-17.01-29.51l51.031-29.509v59.02zm0-74.15l-51.03-29.51l17.01-29.509h34.02zm0-67.759H94.637l28.946-50.185zm71.8 41.54l43.419-25.093l-28.946 50.185zm9.398 33.832l-17.01 29.51l-51.03-29.51l51.03-29.51zm-13.815-41.445l-14.473-25.093h57.892zm42.197-33.927h-61.744L140.593 18.89zM132.323 22.18l28.946 50.185h-28.946zm0 59.02h34.02l17.01 29.509l-51.03 29.51zm0 74.149l51.03 29.51l-17.01 29.415h-34.02zm0 67.76h28.946l-28.946 50.184zm8.27 53.473l30.826-53.474h61.744zm35.9-62.308l14.473-25.092l43.419 25.092zm18.89-32.705l14.473-25.092l28.946 50.185zm50.467 19.642l-30.919-53.474l30.92-53.475z"/></svg>

React

import type { SVGProps } from "react";

export function LogosOpenjsFoundationIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 296"><defs><linearGradient id="SVG9lZJOeza" x1="20.394%" x2="79.571%" y1="15.849%" y2="84.151%"><stop offset="21.45%" stopColor="#0075c9"/><stop offset="70.67%" stopColor="#80bc00"/><stop offset="100%" stopColor="#fde021"/></linearGradient></defs><path fill="url(#SVG9lZJOeza)" fillRule="evenodd" d="M255.06 73.398L128.752.47l-.846-.47l-.846.47L1.504 73.022l-.658.376l-.846.47v147.736l.846.47L127.154 295l.846.47l.846-.47l124.617-71.894l1.691-.94l.846-.47V73.868zM115.313 18.89l-30.92 53.474H22.65zM79.319 81.198l-14.473 25.093l-43.419-25.093zM68.04 118.226l51.031 29.51l-51.03 29.51l-17.011-29.51zm-7.518-4.323L46.05 138.996L17.01 88.81zM10.056 94.261l30.919 53.475l-30.92 53.474zm35.9 62.309l14.473 25.092l-43.419 25.093zm18.89 32.61l14.473 25.093H21.427zm-42.197 33.927h61.745l30.919 53.474zm100.934 50.185l-28.946-50.185h28.946zm0-59.019H89.468l-17.01-29.51l51.031-29.509v59.02zm0-74.15l-51.03-29.51l17.01-29.509h34.02zm0-67.759H94.637l28.946-50.185zm71.8 41.54l43.419-25.093l-28.946 50.185zm9.398 33.832l-17.01 29.51l-51.03-29.51l51.03-29.51zm-13.815-41.445l-14.473-25.093h57.892zm42.197-33.927h-61.744L140.593 18.89zM132.323 22.18l28.946 50.185h-28.946zm0 59.02h34.02l17.01 29.509l-51.03 29.51zm0 74.149l51.03 29.51l-17.01 29.415h-34.02zm0 67.76h28.946l-28.946 50.184zm8.27 53.473l30.826-53.474h61.744zm35.9-62.308l14.473-25.092l43.419 25.092zm18.89-32.705l14.473-25.092l28.946 50.185zm50.467 19.642l-30.919-53.474l30.92-53.475z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 296"><defs><linearGradient id="SVG9lZJOeza" x1="20.394%" x2="79.571%" y1="15.849%" y2="84.151%"><stop offset="21.45%" stop-color="#0075c9"/><stop offset="70.67%" stop-color="#80bc00"/><stop offset="100%" stop-color="#fde021"/></linearGradient></defs><path fill="url(#SVG9lZJOeza)" fill-rule="evenodd" d="M255.06 73.398L128.752.47l-.846-.47l-.846.47L1.504 73.022l-.658.376l-.846.47v147.736l.846.47L127.154 295l.846.47l.846-.47l124.617-71.894l1.691-.94l.846-.47V73.868zM115.313 18.89l-30.92 53.474H22.65zM79.319 81.198l-14.473 25.093l-43.419-25.093zM68.04 118.226l51.031 29.51l-51.03 29.51l-17.011-29.51zm-7.518-4.323L46.05 138.996L17.01 88.81zM10.056 94.261l30.919 53.475l-30.92 53.474zm35.9 62.309l14.473 25.092l-43.419 25.093zm18.89 32.61l14.473 25.093H21.427zm-42.197 33.927h61.745l30.919 53.474zm100.934 50.185l-28.946-50.185h28.946zm0-59.019H89.468l-17.01-29.51l51.031-29.509v59.02zm0-74.15l-51.03-29.51l17.01-29.509h34.02zm0-67.759H94.637l28.946-50.185zm71.8 41.54l43.419-25.093l-28.946 50.185zm9.398 33.832l-17.01 29.51l-51.03-29.51l51.03-29.51zm-13.815-41.445l-14.473-25.093h57.892zm42.197-33.927h-61.744L140.593 18.89zM132.323 22.18l28.946 50.185h-28.946zm0 59.02h34.02l17.01 29.509l-51.03 29.51zm0 74.149l51.03 29.51l-17.01 29.415h-34.02zm0 67.76h28.946l-28.946 50.184zm8.27 53.473l30.826-53.474h61.744zm35.9-62.308l14.473-25.092l43.419 25.092zm18.89-32.705l14.473-25.092l28.946 50.185zm50.467 19.642l-30.919-53.474l30.92-53.475z"/></svg>
</template>

CSS

.icon-openjs-foundation-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%20296%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG9lZJOeza%22%20x1%3D%2220.394%25%22%20x2%3D%2279.571%25%22%20y1%3D%2215.849%25%22%20y2%3D%2284.151%25%22%3E%3Cstop%20offset%3D%2221.45%25%22%20stop-color%3D%22%230075c9%22%2F%3E%3Cstop%20offset%3D%2270.67%25%22%20stop-color%3D%22%2380bc00%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23fde021%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVG9lZJOeza)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M255.06%2073.398L128.752.47l-.846-.47l-.846.47L1.504%2073.022l-.658.376l-.846.47v147.736l.846.47L127.154%20295l.846.47l.846-.47l124.617-71.894l1.691-.94l.846-.47V73.868zM115.313%2018.89l-30.92%2053.474H22.65zM79.319%2081.198l-14.473%2025.093l-43.419-25.093zM68.04%20118.226l51.031%2029.51l-51.03%2029.51l-17.011-29.51zm-7.518-4.323L46.05%20138.996L17.01%2088.81zM10.056%2094.261l30.919%2053.475l-30.92%2053.474zm35.9%2062.309l14.473%2025.092l-43.419%2025.093zm18.89%2032.61l14.473%2025.093H21.427zm-42.197%2033.927h61.745l30.919%2053.474zm100.934%2050.185l-28.946-50.185h28.946zm0-59.019H89.468l-17.01-29.51l51.031-29.509v59.02zm0-74.15l-51.03-29.51l17.01-29.509h34.02zm0-67.759H94.637l28.946-50.185zm71.8%2041.54l43.419-25.093l-28.946%2050.185zm9.398%2033.832l-17.01%2029.51l-51.03-29.51l51.03-29.51zm-13.815-41.445l-14.473-25.093h57.892zm42.197-33.927h-61.744L140.593%2018.89zM132.323%2022.18l28.946%2050.185h-28.946zm0%2059.02h34.02l17.01%2029.509l-51.03%2029.51zm0%2074.149l51.03%2029.51l-17.01%2029.415h-34.02zm0%2067.76h28.946l-28.946%2050.184zm8.27%2053.473l30.826-53.474h61.744zm35.9-62.308l14.473-25.092l43.419%2025.092zm18.89-32.705l14.473-25.092l28.946%2050.185zm50.467%2019.642l-30.919-53.474l30.92-53.475z%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%20296%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG9lZJOeza%22%20x1%3D%2220.394%25%22%20x2%3D%2279.571%25%22%20y1%3D%2215.849%25%22%20y2%3D%2284.151%25%22%3E%3Cstop%20offset%3D%2221.45%25%22%20stop-color%3D%22%230075c9%22%2F%3E%3Cstop%20offset%3D%2270.67%25%22%20stop-color%3D%22%2380bc00%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23fde021%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVG9lZJOeza)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M255.06%2073.398L128.752.47l-.846-.47l-.846.47L1.504%2073.022l-.658.376l-.846.47v147.736l.846.47L127.154%20295l.846.47l.846-.47l124.617-71.894l1.691-.94l.846-.47V73.868zM115.313%2018.89l-30.92%2053.474H22.65zM79.319%2081.198l-14.473%2025.093l-43.419-25.093zM68.04%20118.226l51.031%2029.51l-51.03%2029.51l-17.011-29.51zm-7.518-4.323L46.05%20138.996L17.01%2088.81zM10.056%2094.261l30.919%2053.475l-30.92%2053.474zm35.9%2062.309l14.473%2025.092l-43.419%2025.093zm18.89%2032.61l14.473%2025.093H21.427zm-42.197%2033.927h61.745l30.919%2053.474zm100.934%2050.185l-28.946-50.185h28.946zm0-59.019H89.468l-17.01-29.51l51.031-29.509v59.02zm0-74.15l-51.03-29.51l17.01-29.509h34.02zm0-67.759H94.637l28.946-50.185zm71.8%2041.54l43.419-25.093l-28.946%2050.185zm9.398%2033.832l-17.01%2029.51l-51.03-29.51l51.03-29.51zm-13.815-41.445l-14.473-25.093h57.892zm42.197-33.927h-61.744L140.593%2018.89zM132.323%2022.18l28.946%2050.185h-28.946zm0%2059.02h34.02l17.01%2029.509l-51.03%2029.51zm0%2074.149l51.03%2029.51l-17.01%2029.415h-34.02zm0%2067.76h28.946l-28.946%2050.184zm8.27%2053.473l30.826-53.474h61.744zm35.9-62.308l14.473-25.092l43.419%2025.092zm18.89-32.705l14.473-25.092l28.946%2050.185zm50.467%2019.642l-30.919-53.474l30.92-53.475z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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