IconSearch logoIconsearch
Home/Libraries/Fontisto (Iconify)/json
← Back to Search
Fontisto (Iconify)

Json

License: MITCommercial Safe


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><path fill="#818cf8" d="M12.012 23.968q.756-.002 1.483-.1l-.057.006a11.8 11.8 0 0 0 3.222-.893l-.076.03a12.5 12.5 0 0 0 3.795-2.545l-.002.002a12 12 0 0 0 2.409-3.355l.031-.072c.487-1.01.845-2.182 1.013-3.415l.007-.061a12.6 12.6 0 0 0-.054-3.571l.009.071a12 12 0 0 0-.823-2.866l.03.078a11 11 0 0 0-.881-1.661l.027.044a12.34 12.34 0 0 0-4.74-4.268l-.07-.032a12.3 12.3 0 0 0-2.081-.845l-.091-.024h-.005c.119.063.24.132.345.2s.239.146.351.225a9 9 0 0 1 1.554 1.325l.005.005a9.8 9.8 0 0 1 2.201 3.972l.017.069c.261.888.44 1.919.498 2.981l.002.036a12.5 12.5 0 0 1-.052 2.286l.005-.057a8.7 8.7 0 0 1-1.25 3.637l.022-.038a7.5 7.5 0 0 1-1.881 2.07l-.019.014a5.44 5.44 0 0 1-3.43 1.207q-.534 0-1.04-.099l.034.005a4 4 0 0 1-.772-.268l.024.01a4.7 4.7 0 0 1-.793-.459l.014.01a6 6 0 0 1-1.237-1.098l-.007-.008a6.5 6.5 0 0 1-1.033-1.704l-.016-.043a7.2 7.2 0 0 1-.494-2.534v-.006a7.1 7.1 0 0 1 .872-3.707l-.019.037a6.5 6.5 0 0 1 1.641-1.91l.014-.011c.203-.159.431-.317.669-.462l.031-.017l.016-.007a5 5 0 0 0-1.455-.12l.014-.001a5 5 0 0 0-1.256.249l.035-.01a5.7 5.7 0 0 0-1.047.465l.028-.015a6 6 0 0 0-.746.505l.013-.01c-.211.18-.42.359-.615.555a7.8 7.8 0 0 0-2.017 4.214l-.005.042a13.5 13.5 0 0 0-.131 1.902q0 .554.043 1.097l-.003-.048c.095 1.486.433 2.869.976 4.143l-.031-.082a8.5 8.5 0 0 0 1.355 2.185l-.01-.012a8.2 8.2 0 0 0 3.078 2.211l.054.02c.616.26 1.33.45 2.076.536l.037.003q.083.015.179.015h.031h-.002l-.021-.032zm-2.933-.4a4 4 0 0 1-.469-.238l.019.01q-.224-.123-.449-.259a8.6 8.6 0 0 1-1.587-1.273l-.001-.001a9.5 9.5 0 0 1-2.232-4.014l-.015-.067a14.7 14.7 0 0 1-.494-3.136l-.001-.036a12.3 12.3 0 0 1 .051-2.137l-.005.055a9 9 0 0 1 1.147-3.624l-.023.044a6.9 6.9 0 0 1 1.767-2.039l.016-.012a6.2 6.2 0 0 1 1.59-.886l.043-.014a5.3 5.3 0 0 1 1.827-.321q.39 0 .765.054l-.029-.003c.361.049.684.128.994.236l-.036-.011c.029 0 .029 0 .045.03c.015.015.045.015.06.03c.045.016.1.045.165.074c.275.144.504.284.723.435l-.023-.015a6.33 6.33 0 0 1 2.084 2.462l.016.038c.393.864.625 1.873.631 2.936v.002l.002.174a7.1 7.1 0 0 1-.666 3.015l.018-.044a6.46 6.46 0 0 1-2.607 2.815l-.031.017c.09.03.18.045.271.075c.206.045.443.072.686.074h.002a5.65 5.65 0 0 0 3.94-1.647q.29-.268.532-.574l.008-.011c.209-.244.411-.512.596-.793l.018-.03c.211-.326.416-.705.592-1.1l.022-.054c.21-.476.386-1.033.501-1.612l.008-.051a12 12 0 0 0 .146-3.068l.003.042a11.23 11.23 0 0 0-1.868-5.765l.026.041a9 9 0 0 0-.565-.731l.01.012a10 10 0 0 0-1.047-1.02l-.015-.012a8.5 8.5 0 0 0-1.319-.893l-.044-.022a9.5 9.5 0 0 0-1.623-.585l-.069-.015l-.3-.06c-.209-.03-.42-.044-.634-.06a9 9 0 0 0-1.044.018l.029-.002c-.777.054-1.498.174-2.193.357l.081-.018c-3.449.924-6.245 3.214-7.822 6.24l-.032.068a11.7 11.7 0 0 0-1.269 5.342q.001.829.11 1.626l-.007-.062c.129 1.103.403 2.109.805 3.048l-.027-.071c.261.641.538 1.183.854 1.698l-.029-.05a12.24 12.24 0 0 0 4.447 4.208l.063.032c.612.349 1.325.668 2.069.919l.088.026c.226.074.45.149.689.209z"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px
16px
24px
32px
48px

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. JsonIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.

Related Icons in Fontisto (Iconify)

Browse all Fontisto (Iconify) icons →
500px
500px
acrobat-reader
acrobat-reader
adjust
adjust
adobe
adobe
aids
aids
airplay
airplay
algolia
algolia
amazon
amazon
ambulance
ambulance
american-express
american-express
american-sign-language-interpreting
american-sign-language-interpreting
ampproject
ampproject