json logo
json from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- json
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
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 32 32"><path fill="currentColor" d="M16.057 31.958a15 15 0 0 0 1.901-.125a15.8 15.8 0 0 0 4.193-1.151a16.5 16.5 0 0 0 5.057-3.391a15.9 15.9 0 0 0 3.255-4.573c.677-1.458 1.161-3.031 1.359-4.63c.198-1.547.182-3.13-.057-4.667a16.2 16.2 0 0 0-1.057-3.719a15.4 15.4 0 0 0-1.141-2.156c-1.557-2.448-3.813-4.417-6.411-5.734A17 17 0 0 0 20.26.656h-.01c.161.083.323.172.464.266c.156.099.318.198.469.302c.755.51 1.458 1.099 2.078 1.771c1.417 1.526 2.396 3.401 2.953 5.391c.38 1.307.583 2.661.661 4.021c.057.99.057 1.99-.063 2.974c-.198 1.693-.74 3.344-1.635 4.792a10 10 0 0 1-2.536 2.781c-1.661 1.234-3.839 1.974-5.917 1.484a5 5 0 0 1-.995-.344a6.3 6.3 0 0 1-1.042-.599a8 8 0 0 1-1.656-1.474a8.6 8.6 0 0 1-1.401-2.328a9.8 9.8 0 0 1-.656-3.391c-.042-1.698.297-3.401 1.135-4.891a8.5 8.5 0 0 1 2.219-2.557c.302-.24.62-.443.938-.641l.021-.01a7 7 0 0 0-1.922-.156a6.6 6.6 0 0 0-1.635.318a7.7 7.7 0 0 0-1.359.599a8 8 0 0 0-.974.661c-.281.24-.563.479-.823.74c-1.495 1.536-2.359 3.573-2.698 5.672c-.198 1.302-.198 2.615-.12 3.938c.141 1.859.521 3.714 1.26 5.411a11.4 11.4 0 0 0 1.797 2.901a10.9 10.9 0 0 0 4.177 2.974c.901.359 1.859.62 2.818.719c.099.021.198.021.276.021zm-3.911-.531a6 6 0 0 1-.599-.302c-.198-.115-.401-.224-.599-.349a11 11 0 0 1-2.12-1.698c-1.458-1.516-2.438-3.422-2.995-5.443c-.38-1.38-.583-2.802-.661-4.229a16.5 16.5 0 0 1 .063-2.776c.177-1.677.661-3.333 1.5-4.771a9.1 9.1 0 0 1 2.375-2.74a8.2 8.2 0 0 1 2.177-1.198a7.1 7.1 0 0 1 3.417-.359c.443.057.88.156 1.281.297c.036 0 .036 0 .057.042c.021.021.063.021.083.036c.057.026.135.063.219.099c.318.161.635.365.938.563a8.4 8.4 0 0 1 2.797 3.333c.557 1.219.818 2.583.839 3.922c.021 1.438-.24 2.875-.859 4.193a8.56 8.56 0 0 1-3.516 3.776c.12.042.24.057.359.099c.302.057.599.099.917.099c1.958.063 3.859-.88 5.255-2.198q.39-.361.719-.776c.302-.359.583-.719.823-1.099c.318-.5.578-1 .818-1.536c.302-.719.536-1.458.677-2.219c.26-1.339.281-2.698.198-4.036c-.177-2.698-.896-5.396-2.453-7.63c-.24-.339-.479-.661-.74-.958a13 13 0 0 0-1.422-1.38A11 11 0 0 0 19.876.97a13 13 0 0 0-2.255-.797L17.22.09c-.276-.042-.557-.057-.844-.078a11 11 0 0 0-1.354.021c-.938.057-1.88.214-2.813.448C7.735 1.637 3.818 4.757 1.735 8.892A15.85 15.85 0 0 0 .177 18.1c.161 1.359.5 2.698 1.036 3.969c.307.76.682 1.5 1.104 2.198c1.458 2.38 3.578 4.318 6.01 5.656c.917.521 1.88.917 2.875 1.26c.302.099.604.198.922.276z"/></svg>
React
import type { SVGProps } from "react";
export function CibJson(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16.057 31.958a15 15 0 0 0 1.901-.125a15.8 15.8 0 0 0 4.193-1.151a16.5 16.5 0 0 0 5.057-3.391a15.9 15.9 0 0 0 3.255-4.573c.677-1.458 1.161-3.031 1.359-4.63c.198-1.547.182-3.13-.057-4.667a16.2 16.2 0 0 0-1.057-3.719a15.4 15.4 0 0 0-1.141-2.156c-1.557-2.448-3.813-4.417-6.411-5.734A17 17 0 0 0 20.26.656h-.01c.161.083.323.172.464.266c.156.099.318.198.469.302c.755.51 1.458 1.099 2.078 1.771c1.417 1.526 2.396 3.401 2.953 5.391c.38 1.307.583 2.661.661 4.021c.057.99.057 1.99-.063 2.974c-.198 1.693-.74 3.344-1.635 4.792a10 10 0 0 1-2.536 2.781c-1.661 1.234-3.839 1.974-5.917 1.484a5 5 0 0 1-.995-.344a6.3 6.3 0 0 1-1.042-.599a8 8 0 0 1-1.656-1.474a8.6 8.6 0 0 1-1.401-2.328a9.8 9.8 0 0 1-.656-3.391c-.042-1.698.297-3.401 1.135-4.891a8.5 8.5 0 0 1 2.219-2.557c.302-.24.62-.443.938-.641l.021-.01a7 7 0 0 0-1.922-.156a6.6 6.6 0 0 0-1.635.318a7.7 7.7 0 0 0-1.359.599a8 8 0 0 0-.974.661c-.281.24-.563.479-.823.74c-1.495 1.536-2.359 3.573-2.698 5.672c-.198 1.302-.198 2.615-.12 3.938c.141 1.859.521 3.714 1.26 5.411a11.4 11.4 0 0 0 1.797 2.901a10.9 10.9 0 0 0 4.177 2.974c.901.359 1.859.62 2.818.719c.099.021.198.021.276.021zm-3.911-.531a6 6 0 0 1-.599-.302c-.198-.115-.401-.224-.599-.349a11 11 0 0 1-2.12-1.698c-1.458-1.516-2.438-3.422-2.995-5.443c-.38-1.38-.583-2.802-.661-4.229a16.5 16.5 0 0 1 .063-2.776c.177-1.677.661-3.333 1.5-4.771a9.1 9.1 0 0 1 2.375-2.74a8.2 8.2 0 0 1 2.177-1.198a7.1 7.1 0 0 1 3.417-.359c.443.057.88.156 1.281.297c.036 0 .036 0 .057.042c.021.021.063.021.083.036c.057.026.135.063.219.099c.318.161.635.365.938.563a8.4 8.4 0 0 1 2.797 3.333c.557 1.219.818 2.583.839 3.922c.021 1.438-.24 2.875-.859 4.193a8.56 8.56 0 0 1-3.516 3.776c.12.042.24.057.359.099c.302.057.599.099.917.099c1.958.063 3.859-.88 5.255-2.198q.39-.361.719-.776c.302-.359.583-.719.823-1.099c.318-.5.578-1 .818-1.536c.302-.719.536-1.458.677-2.219c.26-1.339.281-2.698.198-4.036c-.177-2.698-.896-5.396-2.453-7.63c-.24-.339-.479-.661-.74-.958a13 13 0 0 0-1.422-1.38A11 11 0 0 0 19.876.97a13 13 0 0 0-2.255-.797L17.22.09c-.276-.042-.557-.057-.844-.078a11 11 0 0 0-1.354.021c-.938.057-1.88.214-2.813.448C7.735 1.637 3.818 4.757 1.735 8.892A15.85 15.85 0 0 0 .177 18.1c.161 1.359.5 2.698 1.036 3.969c.307.76.682 1.5 1.104 2.198c1.458 2.38 3.578 4.318 6.01 5.656c.917.521 1.88.917 2.875 1.26c.302.099.604.198.922.276z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16.057 31.958a15 15 0 0 0 1.901-.125a15.8 15.8 0 0 0 4.193-1.151a16.5 16.5 0 0 0 5.057-3.391a15.9 15.9 0 0 0 3.255-4.573c.677-1.458 1.161-3.031 1.359-4.63c.198-1.547.182-3.13-.057-4.667a16.2 16.2 0 0 0-1.057-3.719a15.4 15.4 0 0 0-1.141-2.156c-1.557-2.448-3.813-4.417-6.411-5.734A17 17 0 0 0 20.26.656h-.01c.161.083.323.172.464.266c.156.099.318.198.469.302c.755.51 1.458 1.099 2.078 1.771c1.417 1.526 2.396 3.401 2.953 5.391c.38 1.307.583 2.661.661 4.021c.057.99.057 1.99-.063 2.974c-.198 1.693-.74 3.344-1.635 4.792a10 10 0 0 1-2.536 2.781c-1.661 1.234-3.839 1.974-5.917 1.484a5 5 0 0 1-.995-.344a6.3 6.3 0 0 1-1.042-.599a8 8 0 0 1-1.656-1.474a8.6 8.6 0 0 1-1.401-2.328a9.8 9.8 0 0 1-.656-3.391c-.042-1.698.297-3.401 1.135-4.891a8.5 8.5 0 0 1 2.219-2.557c.302-.24.62-.443.938-.641l.021-.01a7 7 0 0 0-1.922-.156a6.6 6.6 0 0 0-1.635.318a7.7 7.7 0 0 0-1.359.599a8 8 0 0 0-.974.661c-.281.24-.563.479-.823.74c-1.495 1.536-2.359 3.573-2.698 5.672c-.198 1.302-.198 2.615-.12 3.938c.141 1.859.521 3.714 1.26 5.411a11.4 11.4 0 0 0 1.797 2.901a10.9 10.9 0 0 0 4.177 2.974c.901.359 1.859.62 2.818.719c.099.021.198.021.276.021zm-3.911-.531a6 6 0 0 1-.599-.302c-.198-.115-.401-.224-.599-.349a11 11 0 0 1-2.12-1.698c-1.458-1.516-2.438-3.422-2.995-5.443c-.38-1.38-.583-2.802-.661-4.229a16.5 16.5 0 0 1 .063-2.776c.177-1.677.661-3.333 1.5-4.771a9.1 9.1 0 0 1 2.375-2.74a8.2 8.2 0 0 1 2.177-1.198a7.1 7.1 0 0 1 3.417-.359c.443.057.88.156 1.281.297c.036 0 .036 0 .057.042c.021.021.063.021.083.036c.057.026.135.063.219.099c.318.161.635.365.938.563a8.4 8.4 0 0 1 2.797 3.333c.557 1.219.818 2.583.839 3.922c.021 1.438-.24 2.875-.859 4.193a8.56 8.56 0 0 1-3.516 3.776c.12.042.24.057.359.099c.302.057.599.099.917.099c1.958.063 3.859-.88 5.255-2.198q.39-.361.719-.776c.302-.359.583-.719.823-1.099c.318-.5.578-1 .818-1.536c.302-.719.536-1.458.677-2.219c.26-1.339.281-2.698.198-4.036c-.177-2.698-.896-5.396-2.453-7.63c-.24-.339-.479-.661-.74-.958a13 13 0 0 0-1.422-1.38A11 11 0 0 0 19.876.97a13 13 0 0 0-2.255-.797L17.22.09c-.276-.042-.557-.057-.844-.078a11 11 0 0 0-1.354.021c-.938.057-1.88.214-2.813.448C7.735 1.637 3.818 4.757 1.735 8.892A15.85 15.85 0 0 0 .177 18.1c.161 1.359.5 2.698 1.036 3.969c.307.76.682 1.5 1.104 2.198c1.458 2.38 3.578 4.318 6.01 5.656c.917.521 1.88.917 2.875 1.26c.302.099.604.198.922.276z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.057%2031.958a15%2015%200%200%200%201.901-.125a15.8%2015.8%200%200%200%204.193-1.151a16.5%2016.5%200%200%200%205.057-3.391a15.9%2015.9%200%200%200%203.255-4.573c.677-1.458%201.161-3.031%201.359-4.63c.198-1.547.182-3.13-.057-4.667a16.2%2016.2%200%200%200-1.057-3.719a15.4%2015.4%200%200%200-1.141-2.156c-1.557-2.448-3.813-4.417-6.411-5.734A17%2017%200%200%200%2020.26.656h-.01c.161.083.323.172.464.266c.156.099.318.198.469.302c.755.51%201.458%201.099%202.078%201.771c1.417%201.526%202.396%203.401%202.953%205.391c.38%201.307.583%202.661.661%204.021c.057.99.057%201.99-.063%202.974c-.198%201.693-.74%203.344-1.635%204.792a10%2010%200%200%201-2.536%202.781c-1.661%201.234-3.839%201.974-5.917%201.484a5%205%200%200%201-.995-.344a6.3%206.3%200%200%201-1.042-.599a8%208%200%200%201-1.656-1.474a8.6%208.6%200%200%201-1.401-2.328a9.8%209.8%200%200%201-.656-3.391c-.042-1.698.297-3.401%201.135-4.891a8.5%208.5%200%200%201%202.219-2.557c.302-.24.62-.443.938-.641l.021-.01a7%207%200%200%200-1.922-.156a6.6%206.6%200%200%200-1.635.318a7.7%207.7%200%200%200-1.359.599a8%208%200%200%200-.974.661c-.281.24-.563.479-.823.74c-1.495%201.536-2.359%203.573-2.698%205.672c-.198%201.302-.198%202.615-.12%203.938c.141%201.859.521%203.714%201.26%205.411a11.4%2011.4%200%200%200%201.797%202.901a10.9%2010.9%200%200%200%204.177%202.974c.901.359%201.859.62%202.818.719c.099.021.198.021.276.021zm-3.911-.531a6%206%200%200%201-.599-.302c-.198-.115-.401-.224-.599-.349a11%2011%200%200%201-2.12-1.698c-1.458-1.516-2.438-3.422-2.995-5.443c-.38-1.38-.583-2.802-.661-4.229a16.5%2016.5%200%200%201%20.063-2.776c.177-1.677.661-3.333%201.5-4.771a9.1%209.1%200%200%201%202.375-2.74a8.2%208.2%200%200%201%202.177-1.198a7.1%207.1%200%200%201%203.417-.359c.443.057.88.156%201.281.297c.036%200%20.036%200%20.057.042c.021.021.063.021.083.036c.057.026.135.063.219.099c.318.161.635.365.938.563a8.4%208.4%200%200%201%202.797%203.333c.557%201.219.818%202.583.839%203.922c.021%201.438-.24%202.875-.859%204.193a8.56%208.56%200%200%201-3.516%203.776c.12.042.24.057.359.099c.302.057.599.099.917.099c1.958.063%203.859-.88%205.255-2.198q.39-.361.719-.776c.302-.359.583-.719.823-1.099c.318-.5.578-1%20.818-1.536c.302-.719.536-1.458.677-2.219c.26-1.339.281-2.698.198-4.036c-.177-2.698-.896-5.396-2.453-7.63c-.24-.339-.479-.661-.74-.958a13%2013%200%200%200-1.422-1.38A11%2011%200%200%200%2019.876.97a13%2013%200%200%200-2.255-.797L17.22.09c-.276-.042-.557-.057-.844-.078a11%2011%200%200%200-1.354.021c-.938.057-1.88.214-2.813.448C7.735%201.637%203.818%204.757%201.735%208.892A15.85%2015.85%200%200%200%20.177%2018.1c.161%201.359.5%202.698%201.036%203.969c.307.76.682%201.5%201.104%202.198c1.458%202.38%203.578%204.318%206.01%205.656c.917.521%201.88.917%202.875%201.26c.302.099.604.198.922.276z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.057%2031.958a15%2015%200%200%200%201.901-.125a15.8%2015.8%200%200%200%204.193-1.151a16.5%2016.5%200%200%200%205.057-3.391a15.9%2015.9%200%200%200%203.255-4.573c.677-1.458%201.161-3.031%201.359-4.63c.198-1.547.182-3.13-.057-4.667a16.2%2016.2%200%200%200-1.057-3.719a15.4%2015.4%200%200%200-1.141-2.156c-1.557-2.448-3.813-4.417-6.411-5.734A17%2017%200%200%200%2020.26.656h-.01c.161.083.323.172.464.266c.156.099.318.198.469.302c.755.51%201.458%201.099%202.078%201.771c1.417%201.526%202.396%203.401%202.953%205.391c.38%201.307.583%202.661.661%204.021c.057.99.057%201.99-.063%202.974c-.198%201.693-.74%203.344-1.635%204.792a10%2010%200%200%201-2.536%202.781c-1.661%201.234-3.839%201.974-5.917%201.484a5%205%200%200%201-.995-.344a6.3%206.3%200%200%201-1.042-.599a8%208%200%200%201-1.656-1.474a8.6%208.6%200%200%201-1.401-2.328a9.8%209.8%200%200%201-.656-3.391c-.042-1.698.297-3.401%201.135-4.891a8.5%208.5%200%200%201%202.219-2.557c.302-.24.62-.443.938-.641l.021-.01a7%207%200%200%200-1.922-.156a6.6%206.6%200%200%200-1.635.318a7.7%207.7%200%200%200-1.359.599a8%208%200%200%200-.974.661c-.281.24-.563.479-.823.74c-1.495%201.536-2.359%203.573-2.698%205.672c-.198%201.302-.198%202.615-.12%203.938c.141%201.859.521%203.714%201.26%205.411a11.4%2011.4%200%200%200%201.797%202.901a10.9%2010.9%200%200%200%204.177%202.974c.901.359%201.859.62%202.818.719c.099.021.198.021.276.021zm-3.911-.531a6%206%200%200%201-.599-.302c-.198-.115-.401-.224-.599-.349a11%2011%200%200%201-2.12-1.698c-1.458-1.516-2.438-3.422-2.995-5.443c-.38-1.38-.583-2.802-.661-4.229a16.5%2016.5%200%200%201%20.063-2.776c.177-1.677.661-3.333%201.5-4.771a9.1%209.1%200%200%201%202.375-2.74a8.2%208.2%200%200%201%202.177-1.198a7.1%207.1%200%200%201%203.417-.359c.443.057.88.156%201.281.297c.036%200%20.036%200%20.057.042c.021.021.063.021.083.036c.057.026.135.063.219.099c.318.161.635.365.938.563a8.4%208.4%200%200%201%202.797%203.333c.557%201.219.818%202.583.839%203.922c.021%201.438-.24%202.875-.859%204.193a8.56%208.56%200%200%201-3.516%203.776c.12.042.24.057.359.099c.302.057.599.099.917.099c1.958.063%203.859-.88%205.255-2.198q.39-.361.719-.776c.302-.359.583-.719.823-1.099c.318-.5.578-1%20.818-1.536c.302-.719.536-1.458.677-2.219c.26-1.339.281-2.698.198-4.036c-.177-2.698-.896-5.396-2.453-7.63c-.24-.339-.479-.661-.74-.958a13%2013%200%200%200-1.422-1.38A11%2011%200%200%200%2019.876.97a13%2013%200%200%200-2.255-.797L17.22.09c-.276-.042-.557-.057-.844-.078a11%2011%200%200%200-1.354.021c-.938.057-1.88.214-2.813.448C7.735%201.637%203.818%204.757%201.735%208.892A15.85%2015.85%200%200%200%20.177%2018.1c.161%201.359.5%202.698%201.036%203.969c.307.76.682%201.5%201.104%202.198c1.458%202.38%203.578%204.318%206.01%205.656c.917.521%201.88.917%202.875%201.26c.302.099.604.198.922.276z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/json.svg?color=%231a73e8&size=48
