file type harbour logo
file-type-harbour from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- file-type-harbour
- 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 harbour logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#9f0e22" d="M30 25.6c-4.361.835-13.775.531-24.967-1.029a12.4 12.4 0 0 1 1.99 1.114c10.965 1.552 18.169 1.5 22.42.59A1.02 1.02 0 0 0 30 25.6"/><path fill="#4997d9" d="M9.5 22.868q-.044.111-.092.221c1.2-.307 2.25-1.048 3.427-.358a28.3 28.3 0 0 1 1.71-8.062c.042-.878.1-1.777.187-2.754a71.6 71.6 0 0 0-.044 11.539a14 14 0 0 0-5.654.457c.11-.255.269-.612.466-1.043"/><path fill="#0974c5" d="M7.577 20.637c2.062-.873 2.548-1.794 4.21-1.665c.512-5.344 1.764-7.365 2.978-10.572c-1 1.65-1.977 3.3-2.9 4.864c.983-1.665 2.03-3.42 3.089-5.172c-1.847 4.9-2.264 12.194-2.264 13.979c-.754-.394-3.4-.214-6.489 1.028c.259-.481.738-1.336 1.378-2.461"/><path fill="#095fa8" d="M14.635 5.487c-2.957 4.113-3.111 10.667-3.111 12.451c-2.2-.637-4.638.638-6.8 2c1.5-2.308 6.014-9.186 9.914-14.452"/><path fill="#09397f" d="M29.9 25.383c-3.924.752-12.1.456-22.231-.707A541 541 0 0 1 2.14 24a1.4 1.4 0 0 1-.14-.692c6.315.672 22.307 2.692 27.816 1.646a1.1 1.1 0 0 1 .081.43"/><path fill="#09397f" d="m9.85 22.041l.032-.005q-.208.45-.38.828c-.2.431-.356.787-.466 1.043a14 14 0 0 1 5.654-.457a71.6 71.6 0 0 1 .038-11.469l.006-.012a74.4 74.4 0 0 0 .014 11.715a15.1 15.1 0 0 0-5.888.516c.192-.447.545-1.215.99-2.162m-.16 6.016l.026-.031a3.1 3.1 0 0 1 2.542-.946a78 78 0 0 0 8.084.07A117 117 0 0 1 7.09 25.929a12.5 12.5 0 0 1 2.6 2.124"/><path d="M16.617 19.363c-.127-.022-.277-.38-.3-.384a70 70 0 0 0 12.364.707c.14 0 .269.385.323.385h-.692a66.4 66.4 0 0 1-11.7-.708m-7.112 3.5l.38-.828a5.45 5.45 0 0 1 2.805.034a56 56 0 0 1 .647-7.308a184 184 0 0 1 1.4-2.847a74 74 0 0 0-.187 2.754a28.3 28.3 0 0 0-1.71 8.062c-1.177-.69-2.225.051-3.427.358q.048-.112.094-.226"/><path d="M7.976 19.939c.357-.623.752-1.31 1.18-2.048a4.9 4.9 0 0 1 2.368.046a33 33 0 0 1 .338-4.673a665 665 0 0 1 2.9-4.864c-1.214 3.208-2.467 5.228-2.978 10.572c-1.662-.129-2.148.792-4.21 1.665l.4-.7M18.122 3.946c-.192 2.228-.235 4.463-.241 6.7c-.012 4.505.07 9.011.123 13.516c0 .185.466.482.466.511c-.053-4.474-.131-8.949-.123-13.423c0-2.266.047-4.532.241-6.791c.015-.174-.468-.5-.466-.511M22.365 5.6c-.121 6.054-.471 12.1-.589 18.154c0 .182.467.487.466.511c.119-6.054.468-12.1.589-18.154c0-.182-.467-.487-.466-.512"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFileTypeHarbour(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#9f0e22" d="M30 25.6c-4.361.835-13.775.531-24.967-1.029a12.4 12.4 0 0 1 1.99 1.114c10.965 1.552 18.169 1.5 22.42.59A1.02 1.02 0 0 0 30 25.6"/><path fill="#4997d9" d="M9.5 22.868q-.044.111-.092.221c1.2-.307 2.25-1.048 3.427-.358a28.3 28.3 0 0 1 1.71-8.062c.042-.878.1-1.777.187-2.754a71.6 71.6 0 0 0-.044 11.539a14 14 0 0 0-5.654.457c.11-.255.269-.612.466-1.043"/><path fill="#0974c5" d="M7.577 20.637c2.062-.873 2.548-1.794 4.21-1.665c.512-5.344 1.764-7.365 2.978-10.572c-1 1.65-1.977 3.3-2.9 4.864c.983-1.665 2.03-3.42 3.089-5.172c-1.847 4.9-2.264 12.194-2.264 13.979c-.754-.394-3.4-.214-6.489 1.028c.259-.481.738-1.336 1.378-2.461"/><path fill="#095fa8" d="M14.635 5.487c-2.957 4.113-3.111 10.667-3.111 12.451c-2.2-.637-4.638.638-6.8 2c1.5-2.308 6.014-9.186 9.914-14.452"/><path fill="#09397f" d="M29.9 25.383c-3.924.752-12.1.456-22.231-.707A541 541 0 0 1 2.14 24a1.4 1.4 0 0 1-.14-.692c6.315.672 22.307 2.692 27.816 1.646a1.1 1.1 0 0 1 .081.43"/><path fill="#09397f" d="m9.85 22.041l.032-.005q-.208.45-.38.828c-.2.431-.356.787-.466 1.043a14 14 0 0 1 5.654-.457a71.6 71.6 0 0 1 .038-11.469l.006-.012a74.4 74.4 0 0 0 .014 11.715a15.1 15.1 0 0 0-5.888.516c.192-.447.545-1.215.99-2.162m-.16 6.016l.026-.031a3.1 3.1 0 0 1 2.542-.946a78 78 0 0 0 8.084.07A117 117 0 0 1 7.09 25.929a12.5 12.5 0 0 1 2.6 2.124"/><path d="M16.617 19.363c-.127-.022-.277-.38-.3-.384a70 70 0 0 0 12.364.707c.14 0 .269.385.323.385h-.692a66.4 66.4 0 0 1-11.7-.708m-7.112 3.5l.38-.828a5.45 5.45 0 0 1 2.805.034a56 56 0 0 1 .647-7.308a184 184 0 0 1 1.4-2.847a74 74 0 0 0-.187 2.754a28.3 28.3 0 0 0-1.71 8.062c-1.177-.69-2.225.051-3.427.358q.048-.112.094-.226"/><path d="M7.976 19.939c.357-.623.752-1.31 1.18-2.048a4.9 4.9 0 0 1 2.368.046a33 33 0 0 1 .338-4.673a665 665 0 0 1 2.9-4.864c-1.214 3.208-2.467 5.228-2.978 10.572c-1.662-.129-2.148.792-4.21 1.665l.4-.7M18.122 3.946c-.192 2.228-.235 4.463-.241 6.7c-.012 4.505.07 9.011.123 13.516c0 .185.466.482.466.511c-.053-4.474-.131-8.949-.123-13.423c0-2.266.047-4.532.241-6.791c.015-.174-.468-.5-.466-.511M22.365 5.6c-.121 6.054-.471 12.1-.589 18.154c0 .182.467.487.466.511c.119-6.054.468-12.1.589-18.154c0-.182-.467-.487-.466-.512"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#9f0e22" d="M30 25.6c-4.361.835-13.775.531-24.967-1.029a12.4 12.4 0 0 1 1.99 1.114c10.965 1.552 18.169 1.5 22.42.59A1.02 1.02 0 0 0 30 25.6"/><path fill="#4997d9" d="M9.5 22.868q-.044.111-.092.221c1.2-.307 2.25-1.048 3.427-.358a28.3 28.3 0 0 1 1.71-8.062c.042-.878.1-1.777.187-2.754a71.6 71.6 0 0 0-.044 11.539a14 14 0 0 0-5.654.457c.11-.255.269-.612.466-1.043"/><path fill="#0974c5" d="M7.577 20.637c2.062-.873 2.548-1.794 4.21-1.665c.512-5.344 1.764-7.365 2.978-10.572c-1 1.65-1.977 3.3-2.9 4.864c.983-1.665 2.03-3.42 3.089-5.172c-1.847 4.9-2.264 12.194-2.264 13.979c-.754-.394-3.4-.214-6.489 1.028c.259-.481.738-1.336 1.378-2.461"/><path fill="#095fa8" d="M14.635 5.487c-2.957 4.113-3.111 10.667-3.111 12.451c-2.2-.637-4.638.638-6.8 2c1.5-2.308 6.014-9.186 9.914-14.452"/><path fill="#09397f" d="M29.9 25.383c-3.924.752-12.1.456-22.231-.707A541 541 0 0 1 2.14 24a1.4 1.4 0 0 1-.14-.692c6.315.672 22.307 2.692 27.816 1.646a1.1 1.1 0 0 1 .081.43"/><path fill="#09397f" d="m9.85 22.041l.032-.005q-.208.45-.38.828c-.2.431-.356.787-.466 1.043a14 14 0 0 1 5.654-.457a71.6 71.6 0 0 1 .038-11.469l.006-.012a74.4 74.4 0 0 0 .014 11.715a15.1 15.1 0 0 0-5.888.516c.192-.447.545-1.215.99-2.162m-.16 6.016l.026-.031a3.1 3.1 0 0 1 2.542-.946a78 78 0 0 0 8.084.07A117 117 0 0 1 7.09 25.929a12.5 12.5 0 0 1 2.6 2.124"/><path d="M16.617 19.363c-.127-.022-.277-.38-.3-.384a70 70 0 0 0 12.364.707c.14 0 .269.385.323.385h-.692a66.4 66.4 0 0 1-11.7-.708m-7.112 3.5l.38-.828a5.45 5.45 0 0 1 2.805.034a56 56 0 0 1 .647-7.308a184 184 0 0 1 1.4-2.847a74 74 0 0 0-.187 2.754a28.3 28.3 0 0 0-1.71 8.062c-1.177-.69-2.225.051-3.427.358q.048-.112.094-.226"/><path d="M7.976 19.939c.357-.623.752-1.31 1.18-2.048a4.9 4.9 0 0 1 2.368.046a33 33 0 0 1 .338-4.673a665 665 0 0 1 2.9-4.864c-1.214 3.208-2.467 5.228-2.978 10.572c-1.662-.129-2.148.792-4.21 1.665l.4-.7M18.122 3.946c-.192 2.228-.235 4.463-.241 6.7c-.012 4.505.07 9.011.123 13.516c0 .185.466.482.466.511c-.053-4.474-.131-8.949-.123-13.423c0-2.266.047-4.532.241-6.791c.015-.174-.468-.5-.466-.511M22.365 5.6c-.121 6.054-.471 12.1-.589 18.154c0 .182.467.487.466.511c.119-6.054.468-12.1.589-18.154c0-.182-.467-.487-.466-.512"/></svg> </template>
CSS
.icon-file-type-harbour {
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%239f0e22%22%20d%3D%22M30%2025.6c-4.361.835-13.775.531-24.967-1.029a12.4%2012.4%200%200%201%201.99%201.114c10.965%201.552%2018.169%201.5%2022.42.59A1.02%201.02%200%200%200%2030%2025.6%22%2F%3E%3Cpath%20fill%3D%22%234997d9%22%20d%3D%22M9.5%2022.868q-.044.111-.092.221c1.2-.307%202.25-1.048%203.427-.358a28.3%2028.3%200%200%201%201.71-8.062c.042-.878.1-1.777.187-2.754a71.6%2071.6%200%200%200-.044%2011.539a14%2014%200%200%200-5.654.457c.11-.255.269-.612.466-1.043%22%2F%3E%3Cpath%20fill%3D%22%230974c5%22%20d%3D%22M7.577%2020.637c2.062-.873%202.548-1.794%204.21-1.665c.512-5.344%201.764-7.365%202.978-10.572c-1%201.65-1.977%203.3-2.9%204.864c.983-1.665%202.03-3.42%203.089-5.172c-1.847%204.9-2.264%2012.194-2.264%2013.979c-.754-.394-3.4-.214-6.489%201.028c.259-.481.738-1.336%201.378-2.461%22%2F%3E%3Cpath%20fill%3D%22%23095fa8%22%20d%3D%22M14.635%205.487c-2.957%204.113-3.111%2010.667-3.111%2012.451c-2.2-.637-4.638.638-6.8%202c1.5-2.308%206.014-9.186%209.914-14.452%22%2F%3E%3Cpath%20fill%3D%22%2309397f%22%20d%3D%22M29.9%2025.383c-3.924.752-12.1.456-22.231-.707A541%20541%200%200%201%202.14%2024a1.4%201.4%200%200%201-.14-.692c6.315.672%2022.307%202.692%2027.816%201.646a1.1%201.1%200%200%201%20.081.43%22%2F%3E%3Cpath%20fill%3D%22%2309397f%22%20d%3D%22m9.85%2022.041l.032-.005q-.208.45-.38.828c-.2.431-.356.787-.466%201.043a14%2014%200%200%201%205.654-.457a71.6%2071.6%200%200%201%20.038-11.469l.006-.012a74.4%2074.4%200%200%200%20.014%2011.715a15.1%2015.1%200%200%200-5.888.516c.192-.447.545-1.215.99-2.162m-.16%206.016l.026-.031a3.1%203.1%200%200%201%202.542-.946a78%2078%200%200%200%208.084.07A117%20117%200%200%201%207.09%2025.929a12.5%2012.5%200%200%201%202.6%202.124%22%2F%3E%3Cpath%20d%3D%22M16.617%2019.363c-.127-.022-.277-.38-.3-.384a70%2070%200%200%200%2012.364.707c.14%200%20.269.385.323.385h-.692a66.4%2066.4%200%200%201-11.7-.708m-7.112%203.5l.38-.828a5.45%205.45%200%200%201%202.805.034a56%2056%200%200%201%20.647-7.308a184%20184%200%200%201%201.4-2.847a74%2074%200%200%200-.187%202.754a28.3%2028.3%200%200%200-1.71%208.062c-1.177-.69-2.225.051-3.427.358q.048-.112.094-.226%22%2F%3E%3Cpath%20d%3D%22M7.976%2019.939c.357-.623.752-1.31%201.18-2.048a4.9%204.9%200%200%201%202.368.046a33%2033%200%200%201%20.338-4.673a665%20665%200%200%201%202.9-4.864c-1.214%203.208-2.467%205.228-2.978%2010.572c-1.662-.129-2.148.792-4.21%201.665l.4-.7M18.122%203.946c-.192%202.228-.235%204.463-.241%206.7c-.012%204.505.07%209.011.123%2013.516c0%20.185.466.482.466.511c-.053-4.474-.131-8.949-.123-13.423c0-2.266.047-4.532.241-6.791c.015-.174-.468-.5-.466-.511M22.365%205.6c-.121%206.054-.471%2012.1-.589%2018.154c0%20.182.467.487.466.511c.119-6.054.468-12.1.589-18.154c0-.182-.467-.487-.466-.512%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%239f0e22%22%20d%3D%22M30%2025.6c-4.361.835-13.775.531-24.967-1.029a12.4%2012.4%200%200%201%201.99%201.114c10.965%201.552%2018.169%201.5%2022.42.59A1.02%201.02%200%200%200%2030%2025.6%22%2F%3E%3Cpath%20fill%3D%22%234997d9%22%20d%3D%22M9.5%2022.868q-.044.111-.092.221c1.2-.307%202.25-1.048%203.427-.358a28.3%2028.3%200%200%201%201.71-8.062c.042-.878.1-1.777.187-2.754a71.6%2071.6%200%200%200-.044%2011.539a14%2014%200%200%200-5.654.457c.11-.255.269-.612.466-1.043%22%2F%3E%3Cpath%20fill%3D%22%230974c5%22%20d%3D%22M7.577%2020.637c2.062-.873%202.548-1.794%204.21-1.665c.512-5.344%201.764-7.365%202.978-10.572c-1%201.65-1.977%203.3-2.9%204.864c.983-1.665%202.03-3.42%203.089-5.172c-1.847%204.9-2.264%2012.194-2.264%2013.979c-.754-.394-3.4-.214-6.489%201.028c.259-.481.738-1.336%201.378-2.461%22%2F%3E%3Cpath%20fill%3D%22%23095fa8%22%20d%3D%22M14.635%205.487c-2.957%204.113-3.111%2010.667-3.111%2012.451c-2.2-.637-4.638.638-6.8%202c1.5-2.308%206.014-9.186%209.914-14.452%22%2F%3E%3Cpath%20fill%3D%22%2309397f%22%20d%3D%22M29.9%2025.383c-3.924.752-12.1.456-22.231-.707A541%20541%200%200%201%202.14%2024a1.4%201.4%200%200%201-.14-.692c6.315.672%2022.307%202.692%2027.816%201.646a1.1%201.1%200%200%201%20.081.43%22%2F%3E%3Cpath%20fill%3D%22%2309397f%22%20d%3D%22m9.85%2022.041l.032-.005q-.208.45-.38.828c-.2.431-.356.787-.466%201.043a14%2014%200%200%201%205.654-.457a71.6%2071.6%200%200%201%20.038-11.469l.006-.012a74.4%2074.4%200%200%200%20.014%2011.715a15.1%2015.1%200%200%200-5.888.516c.192-.447.545-1.215.99-2.162m-.16%206.016l.026-.031a3.1%203.1%200%200%201%202.542-.946a78%2078%200%200%200%208.084.07A117%20117%200%200%201%207.09%2025.929a12.5%2012.5%200%200%201%202.6%202.124%22%2F%3E%3Cpath%20d%3D%22M16.617%2019.363c-.127-.022-.277-.38-.3-.384a70%2070%200%200%200%2012.364.707c.14%200%20.269.385.323.385h-.692a66.4%2066.4%200%200%201-11.7-.708m-7.112%203.5l.38-.828a5.45%205.45%200%200%201%202.805.034a56%2056%200%200%201%20.647-7.308a184%20184%200%200%201%201.4-2.847a74%2074%200%200%200-.187%202.754a28.3%2028.3%200%200%200-1.71%208.062c-1.177-.69-2.225.051-3.427.358q.048-.112.094-.226%22%2F%3E%3Cpath%20d%3D%22M7.976%2019.939c.357-.623.752-1.31%201.18-2.048a4.9%204.9%200%200%201%202.368.046a33%2033%200%200%201%20.338-4.673a665%20665%200%200%201%202.9-4.864c-1.214%203.208-2.467%205.228-2.978%2010.572c-1.662-.129-2.148.792-4.21%201.665l.4-.7M18.122%203.946c-.192%202.228-.235%204.463-.241%206.7c-.012%204.505.07%209.011.123%2013.516c0%20.185.466.482.466.511c-.053-4.474-.131-8.949-.123-13.423c0-2.266.047-4.532.241-6.791c.015-.174-.468-.5-.466-.511M22.365%205.6c-.121%206.054-.471%2012.1-.589%2018.154c0%20.182.467.487.466.511c.119-6.054.468-12.1.589-18.154c0-.182-.467-.487-.466-.512%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-harbour.svg?color=%231a73e8&size=48
