json logo
json from Devicon by konpa · Original · MIT Free for personal and commercial use.
- Name
- json
- Set
- Devicon
- Style
- Original
- Viewbox
- 128×128
- License
- MIT
The same logo in other sets
Use the json logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><linearGradient id="SVGxaIOibUO" x1="-670.564" x2="-583.105" y1="-280.831" y2="-368.306" gradientTransform="matrix(.9988 0 0 -.9987 689.011 -259.008)" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop offset="1" stop-color="#fff"/></linearGradient><path fill="url(#SVGxaIOibUO)" fill-rule="evenodd" d="M63.895 94.303c27.433 37.398 54.281-10.438 54.241-39.205c-.046-34.012-34.518-53.021-54.263-53.021C32.182 2.077 2 28.269 2 64.105C2 103.937 36.596 126 63.873 126c-6.172-.889-26.742-5.296-27.019-52.674c-.186-32.044 10.453-44.846 26.974-39.214c.37.137 18.223 7.18 18.223 30.187c0 22.908-18.156 30.004-18.156 30.004" clip-rule="evenodd"/><linearGradient id="SVGJMvdwcgP" x1="-579.148" x2="-666.607" y1="-364.34" y2="-276.873" gradientTransform="matrix(.9988 0 0 -.9987 689.011 -259.008)" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop offset="1" stop-color="#fff"/></linearGradient><path fill="url(#SVGJMvdwcgP)" fill-rule="evenodd" d="M63.863 34.086C45.736 27.838 23.53 42.778 23.53 72.703C23.53 121.565 59.739 126 64.128 126C95.818 126 126 99.808 126 63.972C126 24.14 91.404 2.077 64.127 2.077c7.555-1.046 40.719 8.176 40.719 53.504c0 29.559-24.764 45.651-40.87 38.776c-.37-.137-18.223-7.18-18.223-30.187c0-22.91 18.11-30.085 18.11-30.084" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function DeviconJson(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><linearGradient id="SVGxaIOibUO" x1="-670.564" x2="-583.105" y1="-280.831" y2="-368.306" gradientTransform="matrix(.9988 0 0 -.9987 689.011 -259.008)" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop offset="1" stopColor="#fff"/></linearGradient><path fill="url(#SVGxaIOibUO)" fillRule="evenodd" d="M63.895 94.303c27.433 37.398 54.281-10.438 54.241-39.205c-.046-34.012-34.518-53.021-54.263-53.021C32.182 2.077 2 28.269 2 64.105C2 103.937 36.596 126 63.873 126c-6.172-.889-26.742-5.296-27.019-52.674c-.186-32.044 10.453-44.846 26.974-39.214c.37.137 18.223 7.18 18.223 30.187c0 22.908-18.156 30.004-18.156 30.004" clipRule="evenodd"/><linearGradient id="SVGJMvdwcgP" x1="-579.148" x2="-666.607" y1="-364.34" y2="-276.873" gradientTransform="matrix(.9988 0 0 -.9987 689.011 -259.008)" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop offset="1" stopColor="#fff"/></linearGradient><path fill="url(#SVGJMvdwcgP)" fillRule="evenodd" d="M63.863 34.086C45.736 27.838 23.53 42.778 23.53 72.703C23.53 121.565 59.739 126 64.128 126C95.818 126 126 99.808 126 63.972C126 24.14 91.404 2.077 64.127 2.077c7.555-1.046 40.719 8.176 40.719 53.504c0 29.559-24.764 45.651-40.87 38.776c-.37-.137-18.223-7.18-18.223-30.187c0-22.91 18.11-30.085 18.11-30.084" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><linearGradient id="SVGxaIOibUO" x1="-670.564" x2="-583.105" y1="-280.831" y2="-368.306" gradientTransform="matrix(.9988 0 0 -.9987 689.011 -259.008)" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop offset="1" stop-color="#fff"/></linearGradient><path fill="url(#SVGxaIOibUO)" fill-rule="evenodd" d="M63.895 94.303c27.433 37.398 54.281-10.438 54.241-39.205c-.046-34.012-34.518-53.021-54.263-53.021C32.182 2.077 2 28.269 2 64.105C2 103.937 36.596 126 63.873 126c-6.172-.889-26.742-5.296-27.019-52.674c-.186-32.044 10.453-44.846 26.974-39.214c.37.137 18.223 7.18 18.223 30.187c0 22.908-18.156 30.004-18.156 30.004" clip-rule="evenodd"/><linearGradient id="SVGJMvdwcgP" x1="-579.148" x2="-666.607" y1="-364.34" y2="-276.873" gradientTransform="matrix(.9988 0 0 -.9987 689.011 -259.008)" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop offset="1" stop-color="#fff"/></linearGradient><path fill="url(#SVGJMvdwcgP)" fill-rule="evenodd" d="M63.863 34.086C45.736 27.838 23.53 42.778 23.53 72.703C23.53 121.565 59.739 126 64.128 126C95.818 126 126 99.808 126 63.972C126 24.14 91.404 2.077 64.127 2.077c7.555-1.046 40.719 8.176 40.719 53.504c0 29.559-24.764 45.651-40.87 38.776c-.37-.137-18.223-7.18-18.223-30.187c0-22.91 18.11-30.085 18.11-30.084" clip-rule="evenodd"/></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%20128%20128%22%3E%3ClinearGradient%20id%3D%22SVGxaIOibUO%22%20x1%3D%22-670.564%22%20x2%3D%22-583.105%22%20y1%3D%22-280.831%22%20y2%3D%22-368.306%22%20gradientTransform%3D%22matrix(.9988%200%200%20-.9987%20689.011%20-259.008)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20fill%3D%22url(%23SVGxaIOibUO)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M63.895%2094.303c27.433%2037.398%2054.281-10.438%2054.241-39.205c-.046-34.012-34.518-53.021-54.263-53.021C32.182%202.077%202%2028.269%202%2064.105C2%20103.937%2036.596%20126%2063.873%20126c-6.172-.889-26.742-5.296-27.019-52.674c-.186-32.044%2010.453-44.846%2026.974-39.214c.37.137%2018.223%207.18%2018.223%2030.187c0%2022.908-18.156%2030.004-18.156%2030.004%22%20clip-rule%3D%22evenodd%22%2F%3E%3ClinearGradient%20id%3D%22SVGJMvdwcgP%22%20x1%3D%22-579.148%22%20x2%3D%22-666.607%22%20y1%3D%22-364.34%22%20y2%3D%22-276.873%22%20gradientTransform%3D%22matrix(.9988%200%200%20-.9987%20689.011%20-259.008)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20fill%3D%22url(%23SVGJMvdwcgP)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M63.863%2034.086C45.736%2027.838%2023.53%2042.778%2023.53%2072.703C23.53%20121.565%2059.739%20126%2064.128%20126C95.818%20126%20126%2099.808%20126%2063.972C126%2024.14%2091.404%202.077%2064.127%202.077c7.555-1.046%2040.719%208.176%2040.719%2053.504c0%2029.559-24.764%2045.651-40.87%2038.776c-.37-.137-18.223-7.18-18.223-30.187c0-22.91%2018.11-30.085%2018.11-30.084%22%20clip-rule%3D%22evenodd%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%20128%20128%22%3E%3ClinearGradient%20id%3D%22SVGxaIOibUO%22%20x1%3D%22-670.564%22%20x2%3D%22-583.105%22%20y1%3D%22-280.831%22%20y2%3D%22-368.306%22%20gradientTransform%3D%22matrix(.9988%200%200%20-.9987%20689.011%20-259.008)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20fill%3D%22url(%23SVGxaIOibUO)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M63.895%2094.303c27.433%2037.398%2054.281-10.438%2054.241-39.205c-.046-34.012-34.518-53.021-54.263-53.021C32.182%202.077%202%2028.269%202%2064.105C2%20103.937%2036.596%20126%2063.873%20126c-6.172-.889-26.742-5.296-27.019-52.674c-.186-32.044%2010.453-44.846%2026.974-39.214c.37.137%2018.223%207.18%2018.223%2030.187c0%2022.908-18.156%2030.004-18.156%2030.004%22%20clip-rule%3D%22evenodd%22%2F%3E%3ClinearGradient%20id%3D%22SVGJMvdwcgP%22%20x1%3D%22-579.148%22%20x2%3D%22-666.607%22%20y1%3D%22-364.34%22%20y2%3D%22-276.873%22%20gradientTransform%3D%22matrix(.9988%200%200%20-.9987%20689.011%20-259.008)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20fill%3D%22url(%23SVGJMvdwcgP)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M63.863%2034.086C45.736%2027.838%2023.53%2042.778%2023.53%2072.703C23.53%20121.565%2059.739%20126%2064.128%20126C95.818%20126%20126%2099.808%20126%2063.972C126%2024.14%2091.404%202.077%2064.127%202.077c7.555-1.046%2040.719%208.176%2040.719%2053.504c0%2029.559-24.764%2045.651-40.87%2038.776c-.37-.137-18.223-7.18-18.223-30.187c0-22.91%2018.11-30.085%2018.11-30.084%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/json.svg?color=%231a73e8&size=48
