file type yang logo

file-type-yang from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.

Name
file-type-yang
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 yang logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#fff" d="M8.877 23.159c0-5.535 3.992-7.168 7.894-7.168c3.357 0 5.988-3.811 5.988-6.624c0-3.621-2.487-5.831-4.882-7.12A13.881 13.881 0 1 0 14.5 29.8c-4.009-1.552-5.623-4.476-5.623-6.641"/><path fill="#231f20" d="M14.482 29.917A14 14 0 0 1 16 2a14 14 0 0 1 1.893.131l.04.013c2.255 1.213 4.944 3.452 4.944 7.223c0 2.715-2.564 6.741-6.106 6.741c-2.9 0-7.776.916-7.776 7.05c0 2.022 1.451 4.946 5.542 6.531ZM16 2.236a13.765 13.765 0 0 0-2.363 27.324c-3.581-1.684-4.877-4.447-4.877-6.4c0-6.576 5.6-7.286 8.012-7.286c3.406 0 5.87-3.886 5.87-6.506c0-3.645-2.606-5.82-4.8-7.006A14 14 0 0 0 16 2.236"/><path fill="#231f20" d="M29.882 16a13.88 13.88 0 0 0-12-13.752c2.4 1.289 4.882 3.5 4.882 7.12c0 2.813-2.631 6.624-5.988 6.624c-3.9 0-7.894 1.633-7.894 7.168c0 2.166 1.613 5.089 5.618 6.641A13.875 13.875 0 0 0 29.882 16"/><path fill="#231f20" d="M16 30a14 14 0 0 1-1.518-.083l-.03-.007c-4.2-1.628-5.693-4.654-5.693-6.75c0-6.576 5.6-7.286 8.012-7.286c3.406 0 5.87-3.886 5.87-6.506c0-3.655-2.621-5.833-4.82-7.016l.072-.221A14 14 0 0 1 16 30m-1.477-.316A13.756 13.756 0 0 0 29.764 16A13.81 13.81 0 0 0 18.5 2.466c2.115 1.272 4.377 3.441 4.377 6.9c0 2.715-2.564 6.741-6.106 6.741c-2.9 0-7.776.916-7.776 7.05c.005 2.021 1.448 4.943 5.528 6.527"/><circle cx="15.943" cy="22.787" r="1.506" fill="#fff"/><circle cx="16.007" cy="9.142" r="1.506" fill="#231f20"/></svg>

React

import type { SVGProps } from "react";

export function VscodeIconsFileTypeYang(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#fff" d="M8.877 23.159c0-5.535 3.992-7.168 7.894-7.168c3.357 0 5.988-3.811 5.988-6.624c0-3.621-2.487-5.831-4.882-7.12A13.881 13.881 0 1 0 14.5 29.8c-4.009-1.552-5.623-4.476-5.623-6.641"/><path fill="#231f20" d="M14.482 29.917A14 14 0 0 1 16 2a14 14 0 0 1 1.893.131l.04.013c2.255 1.213 4.944 3.452 4.944 7.223c0 2.715-2.564 6.741-6.106 6.741c-2.9 0-7.776.916-7.776 7.05c0 2.022 1.451 4.946 5.542 6.531ZM16 2.236a13.765 13.765 0 0 0-2.363 27.324c-3.581-1.684-4.877-4.447-4.877-6.4c0-6.576 5.6-7.286 8.012-7.286c3.406 0 5.87-3.886 5.87-6.506c0-3.645-2.606-5.82-4.8-7.006A14 14 0 0 0 16 2.236"/><path fill="#231f20" d="M29.882 16a13.88 13.88 0 0 0-12-13.752c2.4 1.289 4.882 3.5 4.882 7.12c0 2.813-2.631 6.624-5.988 6.624c-3.9 0-7.894 1.633-7.894 7.168c0 2.166 1.613 5.089 5.618 6.641A13.875 13.875 0 0 0 29.882 16"/><path fill="#231f20" d="M16 30a14 14 0 0 1-1.518-.083l-.03-.007c-4.2-1.628-5.693-4.654-5.693-6.75c0-6.576 5.6-7.286 8.012-7.286c3.406 0 5.87-3.886 5.87-6.506c0-3.655-2.621-5.833-4.82-7.016l.072-.221A14 14 0 0 1 16 30m-1.477-.316A13.756 13.756 0 0 0 29.764 16A13.81 13.81 0 0 0 18.5 2.466c2.115 1.272 4.377 3.441 4.377 6.9c0 2.715-2.564 6.741-6.106 6.741c-2.9 0-7.776.916-7.776 7.05c.005 2.021 1.448 4.943 5.528 6.527"/><circle cx="15.943" cy="22.787" r="1.506" fill="#fff"/><circle cx="16.007" cy="9.142" r="1.506" fill="#231f20"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#fff" d="M8.877 23.159c0-5.535 3.992-7.168 7.894-7.168c3.357 0 5.988-3.811 5.988-6.624c0-3.621-2.487-5.831-4.882-7.12A13.881 13.881 0 1 0 14.5 29.8c-4.009-1.552-5.623-4.476-5.623-6.641"/><path fill="#231f20" d="M14.482 29.917A14 14 0 0 1 16 2a14 14 0 0 1 1.893.131l.04.013c2.255 1.213 4.944 3.452 4.944 7.223c0 2.715-2.564 6.741-6.106 6.741c-2.9 0-7.776.916-7.776 7.05c0 2.022 1.451 4.946 5.542 6.531ZM16 2.236a13.765 13.765 0 0 0-2.363 27.324c-3.581-1.684-4.877-4.447-4.877-6.4c0-6.576 5.6-7.286 8.012-7.286c3.406 0 5.87-3.886 5.87-6.506c0-3.645-2.606-5.82-4.8-7.006A14 14 0 0 0 16 2.236"/><path fill="#231f20" d="M29.882 16a13.88 13.88 0 0 0-12-13.752c2.4 1.289 4.882 3.5 4.882 7.12c0 2.813-2.631 6.624-5.988 6.624c-3.9 0-7.894 1.633-7.894 7.168c0 2.166 1.613 5.089 5.618 6.641A13.875 13.875 0 0 0 29.882 16"/><path fill="#231f20" d="M16 30a14 14 0 0 1-1.518-.083l-.03-.007c-4.2-1.628-5.693-4.654-5.693-6.75c0-6.576 5.6-7.286 8.012-7.286c3.406 0 5.87-3.886 5.87-6.506c0-3.655-2.621-5.833-4.82-7.016l.072-.221A14 14 0 0 1 16 30m-1.477-.316A13.756 13.756 0 0 0 29.764 16A13.81 13.81 0 0 0 18.5 2.466c2.115 1.272 4.377 3.441 4.377 6.9c0 2.715-2.564 6.741-6.106 6.741c-2.9 0-7.776.916-7.776 7.05c.005 2.021 1.448 4.943 5.528 6.527"/><circle cx="15.943" cy="22.787" r="1.506" fill="#fff"/><circle cx="16.007" cy="9.142" r="1.506" fill="#231f20"/></svg>
</template>

CSS

.icon-file-type-yang {
  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%23fff%22%20d%3D%22M8.877%2023.159c0-5.535%203.992-7.168%207.894-7.168c3.357%200%205.988-3.811%205.988-6.624c0-3.621-2.487-5.831-4.882-7.12A13.881%2013.881%200%201%200%2014.5%2029.8c-4.009-1.552-5.623-4.476-5.623-6.641%22%2F%3E%3Cpath%20fill%3D%22%23231f20%22%20d%3D%22M14.482%2029.917A14%2014%200%200%201%2016%202a14%2014%200%200%201%201.893.131l.04.013c2.255%201.213%204.944%203.452%204.944%207.223c0%202.715-2.564%206.741-6.106%206.741c-2.9%200-7.776.916-7.776%207.05c0%202.022%201.451%204.946%205.542%206.531ZM16%202.236a13.765%2013.765%200%200%200-2.363%2027.324c-3.581-1.684-4.877-4.447-4.877-6.4c0-6.576%205.6-7.286%208.012-7.286c3.406%200%205.87-3.886%205.87-6.506c0-3.645-2.606-5.82-4.8-7.006A14%2014%200%200%200%2016%202.236%22%2F%3E%3Cpath%20fill%3D%22%23231f20%22%20d%3D%22M29.882%2016a13.88%2013.88%200%200%200-12-13.752c2.4%201.289%204.882%203.5%204.882%207.12c0%202.813-2.631%206.624-5.988%206.624c-3.9%200-7.894%201.633-7.894%207.168c0%202.166%201.613%205.089%205.618%206.641A13.875%2013.875%200%200%200%2029.882%2016%22%2F%3E%3Cpath%20fill%3D%22%23231f20%22%20d%3D%22M16%2030a14%2014%200%200%201-1.518-.083l-.03-.007c-4.2-1.628-5.693-4.654-5.693-6.75c0-6.576%205.6-7.286%208.012-7.286c3.406%200%205.87-3.886%205.87-6.506c0-3.655-2.621-5.833-4.82-7.016l.072-.221A14%2014%200%200%201%2016%2030m-1.477-.316A13.756%2013.756%200%200%200%2029.764%2016A13.81%2013.81%200%200%200%2018.5%202.466c2.115%201.272%204.377%203.441%204.377%206.9c0%202.715-2.564%206.741-6.106%206.741c-2.9%200-7.776.916-7.776%207.05c.005%202.021%201.448%204.943%205.528%206.527%22%2F%3E%3Ccircle%20cx%3D%2215.943%22%20cy%3D%2222.787%22%20r%3D%221.506%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2216.007%22%20cy%3D%229.142%22%20r%3D%221.506%22%20fill%3D%22%23231f20%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%23fff%22%20d%3D%22M8.877%2023.159c0-5.535%203.992-7.168%207.894-7.168c3.357%200%205.988-3.811%205.988-6.624c0-3.621-2.487-5.831-4.882-7.12A13.881%2013.881%200%201%200%2014.5%2029.8c-4.009-1.552-5.623-4.476-5.623-6.641%22%2F%3E%3Cpath%20fill%3D%22%23231f20%22%20d%3D%22M14.482%2029.917A14%2014%200%200%201%2016%202a14%2014%200%200%201%201.893.131l.04.013c2.255%201.213%204.944%203.452%204.944%207.223c0%202.715-2.564%206.741-6.106%206.741c-2.9%200-7.776.916-7.776%207.05c0%202.022%201.451%204.946%205.542%206.531ZM16%202.236a13.765%2013.765%200%200%200-2.363%2027.324c-3.581-1.684-4.877-4.447-4.877-6.4c0-6.576%205.6-7.286%208.012-7.286c3.406%200%205.87-3.886%205.87-6.506c0-3.645-2.606-5.82-4.8-7.006A14%2014%200%200%200%2016%202.236%22%2F%3E%3Cpath%20fill%3D%22%23231f20%22%20d%3D%22M29.882%2016a13.88%2013.88%200%200%200-12-13.752c2.4%201.289%204.882%203.5%204.882%207.12c0%202.813-2.631%206.624-5.988%206.624c-3.9%200-7.894%201.633-7.894%207.168c0%202.166%201.613%205.089%205.618%206.641A13.875%2013.875%200%200%200%2029.882%2016%22%2F%3E%3Cpath%20fill%3D%22%23231f20%22%20d%3D%22M16%2030a14%2014%200%200%201-1.518-.083l-.03-.007c-4.2-1.628-5.693-4.654-5.693-6.75c0-6.576%205.6-7.286%208.012-7.286c3.406%200%205.87-3.886%205.87-6.506c0-3.655-2.621-5.833-4.82-7.016l.072-.221A14%2014%200%200%201%2016%2030m-1.477-.316A13.756%2013.756%200%200%200%2029.764%2016A13.81%2013.81%200%200%200%2018.5%202.466c2.115%201.272%204.377%203.441%204.377%206.9c0%202.715-2.564%206.741-6.106%206.741c-2.9%200-7.776.916-7.776%207.05c.005%202.021%201.448%204.943%205.528%206.527%22%2F%3E%3Ccircle%20cx%3D%2215.943%22%20cy%3D%2222.787%22%20r%3D%221.506%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2216.007%22%20cy%3D%229.142%22%20r%3D%221.506%22%20fill%3D%22%23231f20%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-yang.svg?color=%231a73e8&size=48