file type light hjson logo
file-type-light-hjson from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- file-type-light-hjson
- Set
- VSCode Icons
- Style
- Color
- Viewbox
- 32×32
- License
- MIT
Related icons in VSCode Icons
file-type-accessfile-type-access2file-type-actionscriptfile-type-actionscript2file-type-adafile-type-advplfile-type-affinityfile-type-affinitydesignerfile-type-affinityphotofile-type-affinitypublisherfile-type-agdafile-type-agentsfile-type-aifile-type-ai2file-type-aikidofile-type-alfile-type-al-dalfile-type-alchemyfile-type-allcontributorsfile-type-alloyfile-type-allurefile-type-angularfile-type-ansiblefile-type-antlers-html
Use the file type light hjson logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#01ca24" d="M17.632 21.158c.335-1.724 1.652-2.3 3.107-2.633c1.356-.315 2.735-.53 4.105-.785a6 6 0 0 0 1.658-.534a2.18 2.18 0 0 0 1.266-2.573c-.087-.461-.03-.654.5-.75c1.664-.3 1.7-.29 1.73 1.4a3.52 3.52 0 0 1-2.074 3.359a16.4 16.4 0 0 1-4.608 1.226c-.745.149-1.5.263-2.233.451c-1.667.427-2.22 1.257-1.959 2.943c.062.4-.022.581-.431.58a1 1 0 0 0-.15.022c-1.289.265-1.289.265-1.7-.917a1.79 1.79 0 0 0-1.993-1.408a42 42 0 0 0-5.321.856a18 18 0 0 1-3.62.4A3.8 3.8 0 0 1 2 19.035c-.013-.206 0-.34.235-.382c.5-.087 1-.188 1.493-.283c.273-.052.348.1.379.339c.281 2.185 2 2.448 3.717 2.163c2.024-.338 4.038-.733 6.061-1.078a3.53 3.53 0 0 1 3.747 1.364"/><path d="M14.206 10.749C12.675 10.138 11.247 9.573 9.824 9c-.246-.1-.457-.271-.385-.578c.082-.347.349-.384.657-.345q1.662.206 3.325.4c.243.029.419.085.459.39c.078.594.203 1.185.326 1.882m2.5 2.541c-.063-.361-.317-.267-.525-.19s-.57-.066-.488.382c.281 1.545.564 3.09.828 4.638c.071.414.319.269.557.246c.273-.027.53-.046.44-.388c-.276-1.592-.544-3.14-.818-4.688Zm.933-5.3a1.155 1.155 0 0 0-1.2 1.193a1.26 1.26 0 0 0 1.177 1.4a1.11 1.11 0 0 0 1.147-1.146a1.28 1.28 0 0 0-1.125-1.447Z"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFileTypeLightHjson(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#01ca24" d="M17.632 21.158c.335-1.724 1.652-2.3 3.107-2.633c1.356-.315 2.735-.53 4.105-.785a6 6 0 0 0 1.658-.534a2.18 2.18 0 0 0 1.266-2.573c-.087-.461-.03-.654.5-.75c1.664-.3 1.7-.29 1.73 1.4a3.52 3.52 0 0 1-2.074 3.359a16.4 16.4 0 0 1-4.608 1.226c-.745.149-1.5.263-2.233.451c-1.667.427-2.22 1.257-1.959 2.943c.062.4-.022.581-.431.58a1 1 0 0 0-.15.022c-1.289.265-1.289.265-1.7-.917a1.79 1.79 0 0 0-1.993-1.408a42 42 0 0 0-5.321.856a18 18 0 0 1-3.62.4A3.8 3.8 0 0 1 2 19.035c-.013-.206 0-.34.235-.382c.5-.087 1-.188 1.493-.283c.273-.052.348.1.379.339c.281 2.185 2 2.448 3.717 2.163c2.024-.338 4.038-.733 6.061-1.078a3.53 3.53 0 0 1 3.747 1.364"/><path d="M14.206 10.749C12.675 10.138 11.247 9.573 9.824 9c-.246-.1-.457-.271-.385-.578c.082-.347.349-.384.657-.345q1.662.206 3.325.4c.243.029.419.085.459.39c.078.594.203 1.185.326 1.882m2.5 2.541c-.063-.361-.317-.267-.525-.19s-.57-.066-.488.382c.281 1.545.564 3.09.828 4.638c.071.414.319.269.557.246c.273-.027.53-.046.44-.388c-.276-1.592-.544-3.14-.818-4.688Zm.933-5.3a1.155 1.155 0 0 0-1.2 1.193a1.26 1.26 0 0 0 1.177 1.4a1.11 1.11 0 0 0 1.147-1.146a1.28 1.28 0 0 0-1.125-1.447Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#01ca24" d="M17.632 21.158c.335-1.724 1.652-2.3 3.107-2.633c1.356-.315 2.735-.53 4.105-.785a6 6 0 0 0 1.658-.534a2.18 2.18 0 0 0 1.266-2.573c-.087-.461-.03-.654.5-.75c1.664-.3 1.7-.29 1.73 1.4a3.52 3.52 0 0 1-2.074 3.359a16.4 16.4 0 0 1-4.608 1.226c-.745.149-1.5.263-2.233.451c-1.667.427-2.22 1.257-1.959 2.943c.062.4-.022.581-.431.58a1 1 0 0 0-.15.022c-1.289.265-1.289.265-1.7-.917a1.79 1.79 0 0 0-1.993-1.408a42 42 0 0 0-5.321.856a18 18 0 0 1-3.62.4A3.8 3.8 0 0 1 2 19.035c-.013-.206 0-.34.235-.382c.5-.087 1-.188 1.493-.283c.273-.052.348.1.379.339c.281 2.185 2 2.448 3.717 2.163c2.024-.338 4.038-.733 6.061-1.078a3.53 3.53 0 0 1 3.747 1.364"/><path d="M14.206 10.749C12.675 10.138 11.247 9.573 9.824 9c-.246-.1-.457-.271-.385-.578c.082-.347.349-.384.657-.345q1.662.206 3.325.4c.243.029.419.085.459.39c.078.594.203 1.185.326 1.882m2.5 2.541c-.063-.361-.317-.267-.525-.19s-.57-.066-.488.382c.281 1.545.564 3.09.828 4.638c.071.414.319.269.557.246c.273-.027.53-.046.44-.388c-.276-1.592-.544-3.14-.818-4.688Zm.933-5.3a1.155 1.155 0 0 0-1.2 1.193a1.26 1.26 0 0 0 1.177 1.4a1.11 1.11 0 0 0 1.147-1.146a1.28 1.28 0 0 0-1.125-1.447Z"/></svg> </template>
CSS
.icon-file-type-light-hjson {
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%22%2301ca24%22%20d%3D%22M17.632%2021.158c.335-1.724%201.652-2.3%203.107-2.633c1.356-.315%202.735-.53%204.105-.785a6%206%200%200%200%201.658-.534a2.18%202.18%200%200%200%201.266-2.573c-.087-.461-.03-.654.5-.75c1.664-.3%201.7-.29%201.73%201.4a3.52%203.52%200%200%201-2.074%203.359a16.4%2016.4%200%200%201-4.608%201.226c-.745.149-1.5.263-2.233.451c-1.667.427-2.22%201.257-1.959%202.943c.062.4-.022.581-.431.58a1%201%200%200%200-.15.022c-1.289.265-1.289.265-1.7-.917a1.79%201.79%200%200%200-1.993-1.408a42%2042%200%200%200-5.321.856a18%2018%200%200%201-3.62.4A3.8%203.8%200%200%201%202%2019.035c-.013-.206%200-.34.235-.382c.5-.087%201-.188%201.493-.283c.273-.052.348.1.379.339c.281%202.185%202%202.448%203.717%202.163c2.024-.338%204.038-.733%206.061-1.078a3.53%203.53%200%200%201%203.747%201.364%22%2F%3E%3Cpath%20d%3D%22M14.206%2010.749C12.675%2010.138%2011.247%209.573%209.824%209c-.246-.1-.457-.271-.385-.578c.082-.347.349-.384.657-.345q1.662.206%203.325.4c.243.029.419.085.459.39c.078.594.203%201.185.326%201.882m2.5%202.541c-.063-.361-.317-.267-.525-.19s-.57-.066-.488.382c.281%201.545.564%203.09.828%204.638c.071.414.319.269.557.246c.273-.027.53-.046.44-.388c-.276-1.592-.544-3.14-.818-4.688Zm.933-5.3a1.155%201.155%200%200%200-1.2%201.193a1.26%201.26%200%200%200%201.177%201.4a1.11%201.11%200%200%200%201.147-1.146a1.28%201.28%200%200%200-1.125-1.447Z%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%22%2301ca24%22%20d%3D%22M17.632%2021.158c.335-1.724%201.652-2.3%203.107-2.633c1.356-.315%202.735-.53%204.105-.785a6%206%200%200%200%201.658-.534a2.18%202.18%200%200%200%201.266-2.573c-.087-.461-.03-.654.5-.75c1.664-.3%201.7-.29%201.73%201.4a3.52%203.52%200%200%201-2.074%203.359a16.4%2016.4%200%200%201-4.608%201.226c-.745.149-1.5.263-2.233.451c-1.667.427-2.22%201.257-1.959%202.943c.062.4-.022.581-.431.58a1%201%200%200%200-.15.022c-1.289.265-1.289.265-1.7-.917a1.79%201.79%200%200%200-1.993-1.408a42%2042%200%200%200-5.321.856a18%2018%200%200%201-3.62.4A3.8%203.8%200%200%201%202%2019.035c-.013-.206%200-.34.235-.382c.5-.087%201-.188%201.493-.283c.273-.052.348.1.379.339c.281%202.185%202%202.448%203.717%202.163c2.024-.338%204.038-.733%206.061-1.078a3.53%203.53%200%200%201%203.747%201.364%22%2F%3E%3Cpath%20d%3D%22M14.206%2010.749C12.675%2010.138%2011.247%209.573%209.824%209c-.246-.1-.457-.271-.385-.578c.082-.347.349-.384.657-.345q1.662.206%203.325.4c.243.029.419.085.459.39c.078.594.203%201.185.326%201.882m2.5%202.541c-.063-.361-.317-.267-.525-.19s-.57-.066-.488.382c.281%201.545.564%203.09.828%204.638c.071.414.319.269.557.246c.273-.027.53-.046.44-.388c-.276-1.592-.544-3.14-.818-4.688Zm.933-5.3a1.155%201.155%200%200%200-1.2%201.193a1.26%201.26%200%200%200%201.177%201.4a1.11%201.11%200%200%200%201.147-1.146a1.28%201.28%200%200%200-1.125-1.447Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/vscode-icons/file-type-light-hjson.svg?color=%231a73e8&size=48
