json logo
json from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- json
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×256
- License
- CC0
The same logo in other sets
Related icons in SVG Logos
Use the json logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVGaTpCmd6M" x1="15.791%" x2="91.009%" y1="14.737%" y2="85.228%"><stop offset="0%"/><stop offset="100%" stop-color="#fff"/></linearGradient><linearGradient id="SVGmRqatBGd" x1="82.136%" x2="-3.113%" y1="85.237%" y2="14.79%"><stop offset="0%"/><stop offset="100%" stop-color="#fff"/></linearGradient></defs><path fill="url(#SVGaTpCmd6M)" d="M127.783 190.56c56.637 77.208 112.064-21.55 111.982-80.94C239.67 39.404 168.5.16 127.737.16C62.309.159 0 54.232 0 128.216C0 210.45 71.425 256 127.737 256c-12.743-1.835-55.21-10.934-55.78-108.747c-.385-66.154 21.58-92.585 55.688-80.958c.764.283 37.622 14.823 37.622 62.32c0 47.296-37.484 61.944-37.484 61.944"/><path fill="url(#SVGmRqatBGd)" d="M127.717 66.241c-37.424-12.899-83.269 17.946-83.269 79.726C44.448 246.844 119.201 256 128.263 256C193.691 256 256 201.926 256 127.943C256 45.709 184.575.159 128.263.159c15.597-2.16 84.065 16.88 84.065 110.458c0 61.026-51.124 94.248-84.376 80.054c-.764-.283-37.623-14.823-37.623-62.32c0-47.297 37.388-62.11 37.388-62.11"/></svg>
React
import type { SVGProps } from "react";
export function LogosJson(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="SVGaTpCmd6M" x1="15.791%" x2="91.009%" y1="14.737%" y2="85.228%"><stop offset="0%"/><stop offset="100%" stopColor="#fff"/></linearGradient><linearGradient id="SVGmRqatBGd" x1="82.136%" x2="-3.113%" y1="85.237%" y2="14.79%"><stop offset="0%"/><stop offset="100%" stopColor="#fff"/></linearGradient></defs><path fill="url(#SVGaTpCmd6M)" d="M127.783 190.56c56.637 77.208 112.064-21.55 111.982-80.94C239.67 39.404 168.5.16 127.737.16C62.309.159 0 54.232 0 128.216C0 210.45 71.425 256 127.737 256c-12.743-1.835-55.21-10.934-55.78-108.747c-.385-66.154 21.58-92.585 55.688-80.958c.764.283 37.622 14.823 37.622 62.32c0 47.296-37.484 61.944-37.484 61.944"/><path fill="url(#SVGmRqatBGd)" d="M127.717 66.241c-37.424-12.899-83.269 17.946-83.269 79.726C44.448 246.844 119.201 256 128.263 256C193.691 256 256 201.926 256 127.943C256 45.709 184.575.159 128.263.159c15.597-2.16 84.065 16.88 84.065 110.458c0 61.026-51.124 94.248-84.376 80.054c-.764-.283-37.623-14.823-37.623-62.32c0-47.297 37.388-62.11 37.388-62.11"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVGaTpCmd6M" x1="15.791%" x2="91.009%" y1="14.737%" y2="85.228%"><stop offset="0%"/><stop offset="100%" stop-color="#fff"/></linearGradient><linearGradient id="SVGmRqatBGd" x1="82.136%" x2="-3.113%" y1="85.237%" y2="14.79%"><stop offset="0%"/><stop offset="100%" stop-color="#fff"/></linearGradient></defs><path fill="url(#SVGaTpCmd6M)" d="M127.783 190.56c56.637 77.208 112.064-21.55 111.982-80.94C239.67 39.404 168.5.16 127.737.16C62.309.159 0 54.232 0 128.216C0 210.45 71.425 256 127.737 256c-12.743-1.835-55.21-10.934-55.78-108.747c-.385-66.154 21.58-92.585 55.688-80.958c.764.283 37.622 14.823 37.622 62.32c0 47.296-37.484 61.944-37.484 61.944"/><path fill="url(#SVGmRqatBGd)" d="M127.717 66.241c-37.424-12.899-83.269 17.946-83.269 79.726C44.448 246.844 119.201 256 128.263 256C193.691 256 256 201.926 256 127.943C256 45.709 184.575.159 128.263.159c15.597-2.16 84.065 16.88 84.065 110.458c0 61.026-51.124 94.248-84.376 80.054c-.764-.283-37.623-14.823-37.623-62.32c0-47.297 37.388-62.11 37.388-62.11"/></svg> </template>
CSS
.icon-json {
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%22SVGaTpCmd6M%22%20x1%3D%2215.791%25%22%20x2%3D%2291.009%25%22%20y1%3D%2214.737%25%22%20y2%3D%2285.228%25%22%3E%3Cstop%20offset%3D%220%25%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23fff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGmRqatBGd%22%20x1%3D%2282.136%25%22%20x2%3D%22-3.113%25%22%20y1%3D%2285.237%25%22%20y2%3D%2214.79%25%22%3E%3Cstop%20offset%3D%220%25%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23fff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGaTpCmd6M)%22%20d%3D%22M127.783%20190.56c56.637%2077.208%20112.064-21.55%20111.982-80.94C239.67%2039.404%20168.5.16%20127.737.16C62.309.159%200%2054.232%200%20128.216C0%20210.45%2071.425%20256%20127.737%20256c-12.743-1.835-55.21-10.934-55.78-108.747c-.385-66.154%2021.58-92.585%2055.688-80.958c.764.283%2037.622%2014.823%2037.622%2062.32c0%2047.296-37.484%2061.944-37.484%2061.944%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGmRqatBGd)%22%20d%3D%22M127.717%2066.241c-37.424-12.899-83.269%2017.946-83.269%2079.726C44.448%20246.844%20119.201%20256%20128.263%20256C193.691%20256%20256%20201.926%20256%20127.943C256%2045.709%20184.575.159%20128.263.159c15.597-2.16%2084.065%2016.88%2084.065%20110.458c0%2061.026-51.124%2094.248-84.376%2080.054c-.764-.283-37.623-14.823-37.623-62.32c0-47.297%2037.388-62.11%2037.388-62.11%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%22SVGaTpCmd6M%22%20x1%3D%2215.791%25%22%20x2%3D%2291.009%25%22%20y1%3D%2214.737%25%22%20y2%3D%2285.228%25%22%3E%3Cstop%20offset%3D%220%25%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23fff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGmRqatBGd%22%20x1%3D%2282.136%25%22%20x2%3D%22-3.113%25%22%20y1%3D%2285.237%25%22%20y2%3D%2214.79%25%22%3E%3Cstop%20offset%3D%220%25%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23fff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGaTpCmd6M)%22%20d%3D%22M127.783%20190.56c56.637%2077.208%20112.064-21.55%20111.982-80.94C239.67%2039.404%20168.5.16%20127.737.16C62.309.159%200%2054.232%200%20128.216C0%20210.45%2071.425%20256%20127.737%20256c-12.743-1.835-55.21-10.934-55.78-108.747c-.385-66.154%2021.58-92.585%2055.688-80.958c.764.283%2037.622%2014.823%2037.622%2062.32c0%2047.296-37.484%2061.944-37.484%2061.944%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGmRqatBGd)%22%20d%3D%22M127.717%2066.241c-37.424-12.899-83.269%2017.946-83.269%2079.726C44.448%20246.844%20119.201%20256%20128.263%20256C193.691%20256%20256%20201.926%20256%20127.943C256%2045.709%20184.575.159%20128.263.159c15.597-2.16%2084.065%2016.88%2084.065%20110.458c0%2061.026-51.124%2094.248-84.376%2080.054c-.764-.283-37.623-14.823-37.623-62.32c0-47.297%2037.388-62.11%2037.388-62.11%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/json.svg?color=%231a73e8&size=48
