file type poetry logo
file-type-poetry from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- file-type-poetry
- 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 poetry logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="url(#SVGYMJ7PeoI)" d="M10.49 30a27.85 27.85 0 0 0 14.322-7.82L5 2v22.409z"/><path fill="url(#SVGDQbFcefW)" d="M5 24.409c12.15 0 22-10.033 22-22.409H5z"/><path fill="url(#SVGmF608c2q)" d="m5 24.409l.847.862c5.968-.223 11.359-2.784 15.315-6.812l-.603-.613a21.9 21.9 0 0 1-7.136 4.863A21.6 21.6 0 0 1 5 24.409"/><path fill="url(#SVGa0Vt8dPL)" d="M10.49 30a27.85 27.85 0 0 0 14.322-7.82L5 2v22.409z"/><path fill="url(#SVGCyXjqd2R)" d="M24.812 22.18L5 2l18.01 21.857a29 29 0 0 0 1.802-1.677"/><path fill="url(#SVGmiVZOecG)" d="m5 2l15.557 15.846q.207-.213.41-.43z"/><defs><radialGradient id="SVGYMJ7PeoI" cx="0" cy="0" r="1" gradientTransform="matrix(27.978 0 0 28.497 23.754 33.95)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#6877ec"/><stop offset=".6" stop-color="#5362cf"/><stop offset="1" stop-color="#4352b9"/></radialGradient><radialGradient id="SVGDQbFcefW" cx="0" cy="0" r="1" gradientTransform="matrix(36.643 0 0 37.323 5.46 1.19)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#00d5ff"/><stop offset=".38" stop-color="#00b8eb"/><stop offset="1" stop-color="#0080c5"/></radialGradient><radialGradient id="SVGmiVZOecG" cx="0" cy="0" r="1" gradientTransform="matrix(21.175 0 0 21.568 14.986 .264)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="1"/></radialGradient><linearGradient id="SVGmF608c2q" x1="5.909" x2="16.154" y1="5.365" y2="27.494" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#294ca7"/><stop offset=".48" stop-color="#96a7d4"/><stop offset=".84" stop-color="#e1e6f3"/><stop offset="1" stop-color="#fff"/></linearGradient><linearGradient id="SVGa0Vt8dPL" x1="-8.99" x2="25.09" y1="-5.215" y2="33.975" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#6877ec"/><stop offset=".29" stop-color="#97a1f2"/><stop offset=".77" stop-color="#e2e4fb"/><stop offset="1" stop-color="#fff"/></linearGradient><linearGradient id="SVGCyXjqd2R" x1="-5.184" x2="24.972" y1="-12.295" y2="22.985" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#8397cc"/><stop offset=".15" stop-color="#97a8d4"/><stop offset=".73" stop-color="#e2e6f3"/><stop offset="1" stop-color="#fff"/></linearGradient></defs></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFileTypePoetry(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="url(#SVGYMJ7PeoI)" d="M10.49 30a27.85 27.85 0 0 0 14.322-7.82L5 2v22.409z"/><path fill="url(#SVGDQbFcefW)" d="M5 24.409c12.15 0 22-10.033 22-22.409H5z"/><path fill="url(#SVGmF608c2q)" d="m5 24.409l.847.862c5.968-.223 11.359-2.784 15.315-6.812l-.603-.613a21.9 21.9 0 0 1-7.136 4.863A21.6 21.6 0 0 1 5 24.409"/><path fill="url(#SVGa0Vt8dPL)" d="M10.49 30a27.85 27.85 0 0 0 14.322-7.82L5 2v22.409z"/><path fill="url(#SVGCyXjqd2R)" d="M24.812 22.18L5 2l18.01 21.857a29 29 0 0 0 1.802-1.677"/><path fill="url(#SVGmiVZOecG)" d="m5 2l15.557 15.846q.207-.213.41-.43z"/><defs><radialGradient id="SVGYMJ7PeoI" cx="0" cy="0" r="1" gradientTransform="matrix(27.978 0 0 28.497 23.754 33.95)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#6877ec"/><stop offset=".6" stopColor="#5362cf"/><stop offset="1" stopColor="#4352b9"/></radialGradient><radialGradient id="SVGDQbFcefW" cx="0" cy="0" r="1" gradientTransform="matrix(36.643 0 0 37.323 5.46 1.19)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#00d5ff"/><stop offset=".38" stopColor="#00b8eb"/><stop offset="1" stopColor="#0080c5"/></radialGradient><radialGradient id="SVGmiVZOecG" cx="0" cy="0" r="1" gradientTransform="matrix(21.175 0 0 21.568 14.986 .264)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#fff"/><stop offset="1"/></radialGradient><linearGradient id="SVGmF608c2q" x1="5.909" x2="16.154" y1="5.365" y2="27.494" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#294ca7"/><stop offset=".48" stopColor="#96a7d4"/><stop offset=".84" stopColor="#e1e6f3"/><stop offset="1" stopColor="#fff"/></linearGradient><linearGradient id="SVGa0Vt8dPL" x1="-8.99" x2="25.09" y1="-5.215" y2="33.975" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#6877ec"/><stop offset=".29" stopColor="#97a1f2"/><stop offset=".77" stopColor="#e2e4fb"/><stop offset="1" stopColor="#fff"/></linearGradient><linearGradient id="SVGCyXjqd2R" x1="-5.184" x2="24.972" y1="-12.295" y2="22.985" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#8397cc"/><stop offset=".15" stopColor="#97a8d4"/><stop offset=".73" stopColor="#e2e6f3"/><stop offset="1" stopColor="#fff"/></linearGradient></defs></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="url(#SVGYMJ7PeoI)" d="M10.49 30a27.85 27.85 0 0 0 14.322-7.82L5 2v22.409z"/><path fill="url(#SVGDQbFcefW)" d="M5 24.409c12.15 0 22-10.033 22-22.409H5z"/><path fill="url(#SVGmF608c2q)" d="m5 24.409l.847.862c5.968-.223 11.359-2.784 15.315-6.812l-.603-.613a21.9 21.9 0 0 1-7.136 4.863A21.6 21.6 0 0 1 5 24.409"/><path fill="url(#SVGa0Vt8dPL)" d="M10.49 30a27.85 27.85 0 0 0 14.322-7.82L5 2v22.409z"/><path fill="url(#SVGCyXjqd2R)" d="M24.812 22.18L5 2l18.01 21.857a29 29 0 0 0 1.802-1.677"/><path fill="url(#SVGmiVZOecG)" d="m5 2l15.557 15.846q.207-.213.41-.43z"/><defs><radialGradient id="SVGYMJ7PeoI" cx="0" cy="0" r="1" gradientTransform="matrix(27.978 0 0 28.497 23.754 33.95)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#6877ec"/><stop offset=".6" stop-color="#5362cf"/><stop offset="1" stop-color="#4352b9"/></radialGradient><radialGradient id="SVGDQbFcefW" cx="0" cy="0" r="1" gradientTransform="matrix(36.643 0 0 37.323 5.46 1.19)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#00d5ff"/><stop offset=".38" stop-color="#00b8eb"/><stop offset="1" stop-color="#0080c5"/></radialGradient><radialGradient id="SVGmiVZOecG" cx="0" cy="0" r="1" gradientTransform="matrix(21.175 0 0 21.568 14.986 .264)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="1"/></radialGradient><linearGradient id="SVGmF608c2q" x1="5.909" x2="16.154" y1="5.365" y2="27.494" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#294ca7"/><stop offset=".48" stop-color="#96a7d4"/><stop offset=".84" stop-color="#e1e6f3"/><stop offset="1" stop-color="#fff"/></linearGradient><linearGradient id="SVGa0Vt8dPL" x1="-8.99" x2="25.09" y1="-5.215" y2="33.975" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#6877ec"/><stop offset=".29" stop-color="#97a1f2"/><stop offset=".77" stop-color="#e2e4fb"/><stop offset="1" stop-color="#fff"/></linearGradient><linearGradient id="SVGCyXjqd2R" x1="-5.184" x2="24.972" y1="-12.295" y2="22.985" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#8397cc"/><stop offset=".15" stop-color="#97a8d4"/><stop offset=".73" stop-color="#e2e6f3"/><stop offset="1" stop-color="#fff"/></linearGradient></defs></svg> </template>
CSS
.icon-file-type-poetry {
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%22url(%23SVGYMJ7PeoI)%22%20d%3D%22M10.49%2030a27.85%2027.85%200%200%200%2014.322-7.82L5%202v22.409z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGDQbFcefW)%22%20d%3D%22M5%2024.409c12.15%200%2022-10.033%2022-22.409H5z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGmF608c2q)%22%20d%3D%22m5%2024.409l.847.862c5.968-.223%2011.359-2.784%2015.315-6.812l-.603-.613a21.9%2021.9%200%200%201-7.136%204.863A21.6%2021.6%200%200%201%205%2024.409%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGa0Vt8dPL)%22%20d%3D%22M10.49%2030a27.85%2027.85%200%200%200%2014.322-7.82L5%202v22.409z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGCyXjqd2R)%22%20d%3D%22M24.812%2022.18L5%202l18.01%2021.857a29%2029%200%200%200%201.802-1.677%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGmiVZOecG)%22%20d%3D%22m5%202l15.557%2015.846q.207-.213.41-.43z%22%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVGYMJ7PeoI%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(27.978%200%200%2028.497%2023.754%2033.95)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%236877ec%22%2F%3E%3Cstop%20offset%3D%22.6%22%20stop-color%3D%22%235362cf%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234352b9%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGDQbFcefW%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(36.643%200%200%2037.323%205.46%201.19)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2300d5ff%22%2F%3E%3Cstop%20offset%3D%22.38%22%20stop-color%3D%22%2300b8eb%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230080c5%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGmiVZOecG%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(21.175%200%200%2021.568%2014.986%20.264)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%221%22%2F%3E%3C%2FradialGradient%3E%3ClinearGradient%20id%3D%22SVGmF608c2q%22%20x1%3D%225.909%22%20x2%3D%2216.154%22%20y1%3D%225.365%22%20y2%3D%2227.494%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23294ca7%22%2F%3E%3Cstop%20offset%3D%22.48%22%20stop-color%3D%22%2396a7d4%22%2F%3E%3Cstop%20offset%3D%22.84%22%20stop-color%3D%22%23e1e6f3%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGa0Vt8dPL%22%20x1%3D%22-8.99%22%20x2%3D%2225.09%22%20y1%3D%22-5.215%22%20y2%3D%2233.975%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%236877ec%22%2F%3E%3Cstop%20offset%3D%22.29%22%20stop-color%3D%22%2397a1f2%22%2F%3E%3Cstop%20offset%3D%22.77%22%20stop-color%3D%22%23e2e4fb%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGCyXjqd2R%22%20x1%3D%22-5.184%22%20x2%3D%2224.972%22%20y1%3D%22-12.295%22%20y2%3D%2222.985%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%238397cc%22%2F%3E%3Cstop%20offset%3D%22.15%22%20stop-color%3D%22%2397a8d4%22%2F%3E%3Cstop%20offset%3D%22.73%22%20stop-color%3D%22%23e2e6f3%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%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%22url(%23SVGYMJ7PeoI)%22%20d%3D%22M10.49%2030a27.85%2027.85%200%200%200%2014.322-7.82L5%202v22.409z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGDQbFcefW)%22%20d%3D%22M5%2024.409c12.15%200%2022-10.033%2022-22.409H5z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGmF608c2q)%22%20d%3D%22m5%2024.409l.847.862c5.968-.223%2011.359-2.784%2015.315-6.812l-.603-.613a21.9%2021.9%200%200%201-7.136%204.863A21.6%2021.6%200%200%201%205%2024.409%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGa0Vt8dPL)%22%20d%3D%22M10.49%2030a27.85%2027.85%200%200%200%2014.322-7.82L5%202v22.409z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGCyXjqd2R)%22%20d%3D%22M24.812%2022.18L5%202l18.01%2021.857a29%2029%200%200%200%201.802-1.677%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGmiVZOecG)%22%20d%3D%22m5%202l15.557%2015.846q.207-.213.41-.43z%22%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVGYMJ7PeoI%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(27.978%200%200%2028.497%2023.754%2033.95)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%236877ec%22%2F%3E%3Cstop%20offset%3D%22.6%22%20stop-color%3D%22%235362cf%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234352b9%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGDQbFcefW%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(36.643%200%200%2037.323%205.46%201.19)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2300d5ff%22%2F%3E%3Cstop%20offset%3D%22.38%22%20stop-color%3D%22%2300b8eb%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230080c5%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGmiVZOecG%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(21.175%200%200%2021.568%2014.986%20.264)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%221%22%2F%3E%3C%2FradialGradient%3E%3ClinearGradient%20id%3D%22SVGmF608c2q%22%20x1%3D%225.909%22%20x2%3D%2216.154%22%20y1%3D%225.365%22%20y2%3D%2227.494%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23294ca7%22%2F%3E%3Cstop%20offset%3D%22.48%22%20stop-color%3D%22%2396a7d4%22%2F%3E%3Cstop%20offset%3D%22.84%22%20stop-color%3D%22%23e1e6f3%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGa0Vt8dPL%22%20x1%3D%22-8.99%22%20x2%3D%2225.09%22%20y1%3D%22-5.215%22%20y2%3D%2233.975%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%236877ec%22%2F%3E%3Cstop%20offset%3D%22.29%22%20stop-color%3D%22%2397a1f2%22%2F%3E%3Cstop%20offset%3D%22.77%22%20stop-color%3D%22%23e2e4fb%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGCyXjqd2R%22%20x1%3D%22-5.184%22%20x2%3D%2224.972%22%20y1%3D%22-12.295%22%20y2%3D%2222.985%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%238397cc%22%2F%3E%3Cstop%20offset%3D%22.15%22%20stop-color%3D%22%2397a8d4%22%2F%3E%3Cstop%20offset%3D%22.73%22%20stop-color%3D%22%23e2e6f3%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/vscode-icons/file-type-poetry.svg?color=%231a73e8&size=48
