file type twig logo
file-type-twig from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- file-type-twig
- 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 twig logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#63bf6a" d="M4.574 5.463c.262.4 2.5-1.608 4.454-1.161c2.061.472 4.014 3.724 4.848 13.7a40 40 0 0 1 3.541 3.61q.53.614 1.013 1.22a12 12 0 0 1 .229-1.4a12.3 12.3 0 0 1 1.981-4.4A19.15 19.15 0 0 0 17.272 7.9c-1.03-1.445-4.6-6.478-8.546-5.843c-2.544.408-4.426 2.997-4.152 3.406"/><path fill="#74d74d" d="M24.4 30a69 69 0 0 1-.5-6.449c-.094-3.232.1-4.541.9-5.756c.193-.295 1.288-1.975 2.58-1.863c1.466.128 2.213 2.414 2.362 2.337c.175-.09-.36-3.543-2.532-4.431c-2.6-1.063-6.312 2.07-7.8 5.154a12.2 12.2 0 0 0-.857 2.81a32.6 32.6 0 0 0-.71 8.2Z"/><path fill="#78dc50" d="M2.238 13.935c.145-.447 2.468-.259 4.54.293c2.5.666 7 2.344 11.651 8.606A12.54 12.54 0 0 1 20.279 30h-9.893a22 22 0 0 0-.175-4.62a14.9 14.9 0 0 0-2.459-7.158c-2.311-3.063-5.697-3.722-5.514-4.287"/><path fill="#fff" d="M17.3 21.323a1.753 1.753 0 1 1-.513-1.24a1.75 1.75 0 0 1 .513 1.24m4.675 0a1.753 1.753 0 1 1-.513-1.24a1.75 1.75 0 0 1 .513 1.24"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFileTypeTwig(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#63bf6a" d="M4.574 5.463c.262.4 2.5-1.608 4.454-1.161c2.061.472 4.014 3.724 4.848 13.7a40 40 0 0 1 3.541 3.61q.53.614 1.013 1.22a12 12 0 0 1 .229-1.4a12.3 12.3 0 0 1 1.981-4.4A19.15 19.15 0 0 0 17.272 7.9c-1.03-1.445-4.6-6.478-8.546-5.843c-2.544.408-4.426 2.997-4.152 3.406"/><path fill="#74d74d" d="M24.4 30a69 69 0 0 1-.5-6.449c-.094-3.232.1-4.541.9-5.756c.193-.295 1.288-1.975 2.58-1.863c1.466.128 2.213 2.414 2.362 2.337c.175-.09-.36-3.543-2.532-4.431c-2.6-1.063-6.312 2.07-7.8 5.154a12.2 12.2 0 0 0-.857 2.81a32.6 32.6 0 0 0-.71 8.2Z"/><path fill="#78dc50" d="M2.238 13.935c.145-.447 2.468-.259 4.54.293c2.5.666 7 2.344 11.651 8.606A12.54 12.54 0 0 1 20.279 30h-9.893a22 22 0 0 0-.175-4.62a14.9 14.9 0 0 0-2.459-7.158c-2.311-3.063-5.697-3.722-5.514-4.287"/><path fill="#fff" d="M17.3 21.323a1.753 1.753 0 1 1-.513-1.24a1.75 1.75 0 0 1 .513 1.24m4.675 0a1.753 1.753 0 1 1-.513-1.24a1.75 1.75 0 0 1 .513 1.24"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#63bf6a" d="M4.574 5.463c.262.4 2.5-1.608 4.454-1.161c2.061.472 4.014 3.724 4.848 13.7a40 40 0 0 1 3.541 3.61q.53.614 1.013 1.22a12 12 0 0 1 .229-1.4a12.3 12.3 0 0 1 1.981-4.4A19.15 19.15 0 0 0 17.272 7.9c-1.03-1.445-4.6-6.478-8.546-5.843c-2.544.408-4.426 2.997-4.152 3.406"/><path fill="#74d74d" d="M24.4 30a69 69 0 0 1-.5-6.449c-.094-3.232.1-4.541.9-5.756c.193-.295 1.288-1.975 2.58-1.863c1.466.128 2.213 2.414 2.362 2.337c.175-.09-.36-3.543-2.532-4.431c-2.6-1.063-6.312 2.07-7.8 5.154a12.2 12.2 0 0 0-.857 2.81a32.6 32.6 0 0 0-.71 8.2Z"/><path fill="#78dc50" d="M2.238 13.935c.145-.447 2.468-.259 4.54.293c2.5.666 7 2.344 11.651 8.606A12.54 12.54 0 0 1 20.279 30h-9.893a22 22 0 0 0-.175-4.62a14.9 14.9 0 0 0-2.459-7.158c-2.311-3.063-5.697-3.722-5.514-4.287"/><path fill="#fff" d="M17.3 21.323a1.753 1.753 0 1 1-.513-1.24a1.75 1.75 0 0 1 .513 1.24m4.675 0a1.753 1.753 0 1 1-.513-1.24a1.75 1.75 0 0 1 .513 1.24"/></svg> </template>
CSS
.icon-file-type-twig {
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%2363bf6a%22%20d%3D%22M4.574%205.463c.262.4%202.5-1.608%204.454-1.161c2.061.472%204.014%203.724%204.848%2013.7a40%2040%200%200%201%203.541%203.61q.53.614%201.013%201.22a12%2012%200%200%201%20.229-1.4a12.3%2012.3%200%200%201%201.981-4.4A19.15%2019.15%200%200%200%2017.272%207.9c-1.03-1.445-4.6-6.478-8.546-5.843c-2.544.408-4.426%202.997-4.152%203.406%22%2F%3E%3Cpath%20fill%3D%22%2374d74d%22%20d%3D%22M24.4%2030a69%2069%200%200%201-.5-6.449c-.094-3.232.1-4.541.9-5.756c.193-.295%201.288-1.975%202.58-1.863c1.466.128%202.213%202.414%202.362%202.337c.175-.09-.36-3.543-2.532-4.431c-2.6-1.063-6.312%202.07-7.8%205.154a12.2%2012.2%200%200%200-.857%202.81a32.6%2032.6%200%200%200-.71%208.2Z%22%2F%3E%3Cpath%20fill%3D%22%2378dc50%22%20d%3D%22M2.238%2013.935c.145-.447%202.468-.259%204.54.293c2.5.666%207%202.344%2011.651%208.606A12.54%2012.54%200%200%201%2020.279%2030h-9.893a22%2022%200%200%200-.175-4.62a14.9%2014.9%200%200%200-2.459-7.158c-2.311-3.063-5.697-3.722-5.514-4.287%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M17.3%2021.323a1.753%201.753%200%201%201-.513-1.24a1.75%201.75%200%200%201%20.513%201.24m4.675%200a1.753%201.753%200%201%201-.513-1.24a1.75%201.75%200%200%201%20.513%201.24%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%2363bf6a%22%20d%3D%22M4.574%205.463c.262.4%202.5-1.608%204.454-1.161c2.061.472%204.014%203.724%204.848%2013.7a40%2040%200%200%201%203.541%203.61q.53.614%201.013%201.22a12%2012%200%200%201%20.229-1.4a12.3%2012.3%200%200%201%201.981-4.4A19.15%2019.15%200%200%200%2017.272%207.9c-1.03-1.445-4.6-6.478-8.546-5.843c-2.544.408-4.426%202.997-4.152%203.406%22%2F%3E%3Cpath%20fill%3D%22%2374d74d%22%20d%3D%22M24.4%2030a69%2069%200%200%201-.5-6.449c-.094-3.232.1-4.541.9-5.756c.193-.295%201.288-1.975%202.58-1.863c1.466.128%202.213%202.414%202.362%202.337c.175-.09-.36-3.543-2.532-4.431c-2.6-1.063-6.312%202.07-7.8%205.154a12.2%2012.2%200%200%200-.857%202.81a32.6%2032.6%200%200%200-.71%208.2Z%22%2F%3E%3Cpath%20fill%3D%22%2378dc50%22%20d%3D%22M2.238%2013.935c.145-.447%202.468-.259%204.54.293c2.5.666%207%202.344%2011.651%208.606A12.54%2012.54%200%200%201%2020.279%2030h-9.893a22%2022%200%200%200-.175-4.62a14.9%2014.9%200%200%200-2.459-7.158c-2.311-3.063-5.697-3.722-5.514-4.287%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M17.3%2021.323a1.753%201.753%200%201%201-.513-1.24a1.75%201.75%200%200%201%20.513%201.24m4.675%200a1.753%201.753%200%201%201-.513-1.24a1.75%201.75%200%200%201%20.513%201.24%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-twig.svg?color=%231a73e8&size=48
