file type krita logo
file-type-krita from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- file-type-krita
- 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 krita logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><defs><linearGradient id="SVG1mG4IbVQ" gradientUnits="userSpaceOnUse"/><linearGradient id="SVG6mgojcMx" x1="1328" x2="1325" y1="231" y2="90" gradientTransform="rotate(89 1092 -2)scale(1 -1)" href="#SVG1mG4IbVQ"><stop offset="0" stop-color="#5596ea"/><stop offset="1" stop-color="#5596ea" stop-opacity="0"/></linearGradient><linearGradient id="SVG8SKFkeVw" x1="112" x2="712" y1="512" y2="512" gradientTransform="translate(-1211 -699)" href="#SVG1mG4IbVQ"><stop offset="0" stop-color="#ff0"/><stop offset="1" stop-color="#ff0" stop-opacity="0"/></linearGradient><linearGradient id="SVGCtjK2bex" gradientTransform="translate(-325 187)" href="#SVG8SKFkeVw"><stop offset="0" stop-color="#0ff"/><stop offset="1" stop-color="#0ff" stop-opacity="0"/></linearGradient><linearGradient id="SVGVNIXjcaJ" gradientTransform="translate(0 -1024)" href="#SVG8SKFkeVw"><stop offset="0" stop-color="#f0f"/><stop offset="1" stop-color="#f0f" stop-opacity="0"/></linearGradient></defs><g transform="translate(.8 -.8)scale(.032)"><circle cx="512" cy="512" r="400" fill="#fff"/><circle cx="-699" cy="-187" r="400" fill="url(#SVG8SKFkeVw)" transform="rotate(210)"/><circle cx="187" cy="699" r="400" fill="url(#SVGCtjK2bex)" transform="rotate(-30)"/><circle cx="512" cy="-512" r="400" fill="url(#SVGVNIXjcaJ)" transform="rotate(90)"/></g><path fill-opacity=".5" d="M8 6.7L6 9.2C8 11 10 13 10.9 14c1.4 1.5 4.3 3.7 6.4 3.4c.8.6 2.7 2 3.4 2.2l.1 1c.6 1.6 2.8 2.7 1.5 4.5c2.6-1.6 3.2-4.2 2.2-6q-1.2-1.6-2.5-1.2c-.5-.6-2.4-2.2-3.1-2.8c-.5-2-3.2-4.2-5-5z"/><path fill="#404040" d="M18.7 16.5c-2 2-6-1.1-7.7-3l-8.6-9Q1.6 3.7 2 3q.6-.6 1.5 0c.6.4 8.3 5.3 10.6 6.6s6 4.4 4.6 6.9"/><path fill="url(#SVG6mgojcMx)" d="M1317 209a85 85 0 0 1-139-19c6 37 30 70 68 82c28 10 73 10 93-27z" transform="translate(-125.6 -5)scale(.112)"/><path fill="#bfbfbf" d="M22 19.1c-.6.3-.5.5-1.1.5c-.4-.1-3.9-2.7-3.9-2.7q-.2-.8.4-1.5q.7-.8 1.4-.7s3.3 2.8 3.4 3.2c.2.6 0 .5-.1 1.2"/><path fill="#282828" d="M22.2 25c2.6-1.5 3.4-4 2.4-6c-.8-1.4-2.2-1.7-3-1s-1 1.6-.8 2.4c.6 1.7 2.8 2.8 1.4 4.6"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFileTypeKrita(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><defs><linearGradient id="SVG1mG4IbVQ" gradientUnits="userSpaceOnUse"/><linearGradient id="SVG6mgojcMx" x1="1328" x2="1325" y1="231" y2="90" gradientTransform="rotate(89 1092 -2)scale(1 -1)" href="#SVG1mG4IbVQ"><stop offset="0" stopColor="#5596ea"/><stop offset="1" stopColor="#5596ea" stopOpacity="0"/></linearGradient><linearGradient id="SVG8SKFkeVw" x1="112" x2="712" y1="512" y2="512" gradientTransform="translate(-1211 -699)" href="#SVG1mG4IbVQ"><stop offset="0" stopColor="#ff0"/><stop offset="1" stopColor="#ff0" stopOpacity="0"/></linearGradient><linearGradient id="SVGCtjK2bex" gradientTransform="translate(-325 187)" href="#SVG8SKFkeVw"><stop offset="0" stopColor="#0ff"/><stop offset="1" stopColor="#0ff" stopOpacity="0"/></linearGradient><linearGradient id="SVGVNIXjcaJ" gradientTransform="translate(0 -1024)" href="#SVG8SKFkeVw"><stop offset="0" stopColor="#f0f"/><stop offset="1" stopColor="#f0f" stopOpacity="0"/></linearGradient></defs><g transform="translate(.8 -.8)scale(.032)"><circle cx="512" cy="512" r="400" fill="#fff"/><circle cx="-699" cy="-187" r="400" fill="url(#SVG8SKFkeVw)" transform="rotate(210)"/><circle cx="187" cy="699" r="400" fill="url(#SVGCtjK2bex)" transform="rotate(-30)"/><circle cx="512" cy="-512" r="400" fill="url(#SVGVNIXjcaJ)" transform="rotate(90)"/></g><path fillOpacity=".5" d="M8 6.7L6 9.2C8 11 10 13 10.9 14c1.4 1.5 4.3 3.7 6.4 3.4c.8.6 2.7 2 3.4 2.2l.1 1c.6 1.6 2.8 2.7 1.5 4.5c2.6-1.6 3.2-4.2 2.2-6q-1.2-1.6-2.5-1.2c-.5-.6-2.4-2.2-3.1-2.8c-.5-2-3.2-4.2-5-5z"/><path fill="#404040" d="M18.7 16.5c-2 2-6-1.1-7.7-3l-8.6-9Q1.6 3.7 2 3q.6-.6 1.5 0c.6.4 8.3 5.3 10.6 6.6s6 4.4 4.6 6.9"/><path fill="url(#SVG6mgojcMx)" d="M1317 209a85 85 0 0 1-139-19c6 37 30 70 68 82c28 10 73 10 93-27z" transform="translate(-125.6 -5)scale(.112)"/><path fill="#bfbfbf" d="M22 19.1c-.6.3-.5.5-1.1.5c-.4-.1-3.9-2.7-3.9-2.7q-.2-.8.4-1.5q.7-.8 1.4-.7s3.3 2.8 3.4 3.2c.2.6 0 .5-.1 1.2"/><path fill="#282828" d="M22.2 25c2.6-1.5 3.4-4 2.4-6c-.8-1.4-2.2-1.7-3-1s-1 1.6-.8 2.4c.6 1.7 2.8 2.8 1.4 4.6"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><defs><linearGradient id="SVG1mG4IbVQ" gradientUnits="userSpaceOnUse"/><linearGradient id="SVG6mgojcMx" x1="1328" x2="1325" y1="231" y2="90" gradientTransform="rotate(89 1092 -2)scale(1 -1)" href="#SVG1mG4IbVQ"><stop offset="0" stop-color="#5596ea"/><stop offset="1" stop-color="#5596ea" stop-opacity="0"/></linearGradient><linearGradient id="SVG8SKFkeVw" x1="112" x2="712" y1="512" y2="512" gradientTransform="translate(-1211 -699)" href="#SVG1mG4IbVQ"><stop offset="0" stop-color="#ff0"/><stop offset="1" stop-color="#ff0" stop-opacity="0"/></linearGradient><linearGradient id="SVGCtjK2bex" gradientTransform="translate(-325 187)" href="#SVG8SKFkeVw"><stop offset="0" stop-color="#0ff"/><stop offset="1" stop-color="#0ff" stop-opacity="0"/></linearGradient><linearGradient id="SVGVNIXjcaJ" gradientTransform="translate(0 -1024)" href="#SVG8SKFkeVw"><stop offset="0" stop-color="#f0f"/><stop offset="1" stop-color="#f0f" stop-opacity="0"/></linearGradient></defs><g transform="translate(.8 -.8)scale(.032)"><circle cx="512" cy="512" r="400" fill="#fff"/><circle cx="-699" cy="-187" r="400" fill="url(#SVG8SKFkeVw)" transform="rotate(210)"/><circle cx="187" cy="699" r="400" fill="url(#SVGCtjK2bex)" transform="rotate(-30)"/><circle cx="512" cy="-512" r="400" fill="url(#SVGVNIXjcaJ)" transform="rotate(90)"/></g><path fill-opacity=".5" d="M8 6.7L6 9.2C8 11 10 13 10.9 14c1.4 1.5 4.3 3.7 6.4 3.4c.8.6 2.7 2 3.4 2.2l.1 1c.6 1.6 2.8 2.7 1.5 4.5c2.6-1.6 3.2-4.2 2.2-6q-1.2-1.6-2.5-1.2c-.5-.6-2.4-2.2-3.1-2.8c-.5-2-3.2-4.2-5-5z"/><path fill="#404040" d="M18.7 16.5c-2 2-6-1.1-7.7-3l-8.6-9Q1.6 3.7 2 3q.6-.6 1.5 0c.6.4 8.3 5.3 10.6 6.6s6 4.4 4.6 6.9"/><path fill="url(#SVG6mgojcMx)" d="M1317 209a85 85 0 0 1-139-19c6 37 30 70 68 82c28 10 73 10 93-27z" transform="translate(-125.6 -5)scale(.112)"/><path fill="#bfbfbf" d="M22 19.1c-.6.3-.5.5-1.1.5c-.4-.1-3.9-2.7-3.9-2.7q-.2-.8.4-1.5q.7-.8 1.4-.7s3.3 2.8 3.4 3.2c.2.6 0 .5-.1 1.2"/><path fill="#282828" d="M22.2 25c2.6-1.5 3.4-4 2.4-6c-.8-1.4-2.2-1.7-3-1s-1 1.6-.8 2.4c.6 1.7 2.8 2.8 1.4 4.6"/></svg> </template>
CSS
.icon-file-type-krita {
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%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG1mG4IbVQ%22%20gradientUnits%3D%22userSpaceOnUse%22%2F%3E%3ClinearGradient%20id%3D%22SVG6mgojcMx%22%20x1%3D%221328%22%20x2%3D%221325%22%20y1%3D%22231%22%20y2%3D%2290%22%20gradientTransform%3D%22rotate(89%201092%20-2)scale(1%20-1)%22%20href%3D%22%23SVG1mG4IbVQ%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%235596ea%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235596ea%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG8SKFkeVw%22%20x1%3D%22112%22%20x2%3D%22712%22%20y1%3D%22512%22%20y2%3D%22512%22%20gradientTransform%3D%22translate(-1211%20-699)%22%20href%3D%22%23SVG1mG4IbVQ%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ff0%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ff0%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGCtjK2bex%22%20gradientTransform%3D%22translate(-325%20187)%22%20href%3D%22%23SVG8SKFkeVw%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%230ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230ff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGVNIXjcaJ%22%20gradientTransform%3D%22translate(0%20-1024)%22%20href%3D%22%23SVG8SKFkeVw%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23f0f%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f0f%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate(.8%20-.8)scale(.032)%22%3E%3Ccircle%20cx%3D%22512%22%20cy%3D%22512%22%20r%3D%22400%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%22-699%22%20cy%3D%22-187%22%20r%3D%22400%22%20fill%3D%22url(%23SVG8SKFkeVw)%22%20transform%3D%22rotate(210)%22%2F%3E%3Ccircle%20cx%3D%22187%22%20cy%3D%22699%22%20r%3D%22400%22%20fill%3D%22url(%23SVGCtjK2bex)%22%20transform%3D%22rotate(-30)%22%2F%3E%3Ccircle%20cx%3D%22512%22%20cy%3D%22-512%22%20r%3D%22400%22%20fill%3D%22url(%23SVGVNIXjcaJ)%22%20transform%3D%22rotate(90)%22%2F%3E%3C%2Fg%3E%3Cpath%20fill-opacity%3D%22.5%22%20d%3D%22M8%206.7L6%209.2C8%2011%2010%2013%2010.9%2014c1.4%201.5%204.3%203.7%206.4%203.4c.8.6%202.7%202%203.4%202.2l.1%201c.6%201.6%202.8%202.7%201.5%204.5c2.6-1.6%203.2-4.2%202.2-6q-1.2-1.6-2.5-1.2c-.5-.6-2.4-2.2-3.1-2.8c-.5-2-3.2-4.2-5-5z%22%2F%3E%3Cpath%20fill%3D%22%23404040%22%20d%3D%22M18.7%2016.5c-2%202-6-1.1-7.7-3l-8.6-9Q1.6%203.7%202%203q.6-.6%201.5%200c.6.4%208.3%205.3%2010.6%206.6s6%204.4%204.6%206.9%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG6mgojcMx)%22%20d%3D%22M1317%20209a85%2085%200%200%201-139-19c6%2037%2030%2070%2068%2082c28%2010%2073%2010%2093-27z%22%20transform%3D%22translate(-125.6%20-5)scale(.112)%22%2F%3E%3Cpath%20fill%3D%22%23bfbfbf%22%20d%3D%22M22%2019.1c-.6.3-.5.5-1.1.5c-.4-.1-3.9-2.7-3.9-2.7q-.2-.8.4-1.5q.7-.8%201.4-.7s3.3%202.8%203.4%203.2c.2.6%200%20.5-.1%201.2%22%2F%3E%3Cpath%20fill%3D%22%23282828%22%20d%3D%22M22.2%2025c2.6-1.5%203.4-4%202.4-6c-.8-1.4-2.2-1.7-3-1s-1%201.6-.8%202.4c.6%201.7%202.8%202.8%201.4%204.6%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%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG1mG4IbVQ%22%20gradientUnits%3D%22userSpaceOnUse%22%2F%3E%3ClinearGradient%20id%3D%22SVG6mgojcMx%22%20x1%3D%221328%22%20x2%3D%221325%22%20y1%3D%22231%22%20y2%3D%2290%22%20gradientTransform%3D%22rotate(89%201092%20-2)scale(1%20-1)%22%20href%3D%22%23SVG1mG4IbVQ%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%235596ea%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235596ea%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG8SKFkeVw%22%20x1%3D%22112%22%20x2%3D%22712%22%20y1%3D%22512%22%20y2%3D%22512%22%20gradientTransform%3D%22translate(-1211%20-699)%22%20href%3D%22%23SVG1mG4IbVQ%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ff0%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ff0%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGCtjK2bex%22%20gradientTransform%3D%22translate(-325%20187)%22%20href%3D%22%23SVG8SKFkeVw%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%230ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230ff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGVNIXjcaJ%22%20gradientTransform%3D%22translate(0%20-1024)%22%20href%3D%22%23SVG8SKFkeVw%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23f0f%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f0f%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate(.8%20-.8)scale(.032)%22%3E%3Ccircle%20cx%3D%22512%22%20cy%3D%22512%22%20r%3D%22400%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%22-699%22%20cy%3D%22-187%22%20r%3D%22400%22%20fill%3D%22url(%23SVG8SKFkeVw)%22%20transform%3D%22rotate(210)%22%2F%3E%3Ccircle%20cx%3D%22187%22%20cy%3D%22699%22%20r%3D%22400%22%20fill%3D%22url(%23SVGCtjK2bex)%22%20transform%3D%22rotate(-30)%22%2F%3E%3Ccircle%20cx%3D%22512%22%20cy%3D%22-512%22%20r%3D%22400%22%20fill%3D%22url(%23SVGVNIXjcaJ)%22%20transform%3D%22rotate(90)%22%2F%3E%3C%2Fg%3E%3Cpath%20fill-opacity%3D%22.5%22%20d%3D%22M8%206.7L6%209.2C8%2011%2010%2013%2010.9%2014c1.4%201.5%204.3%203.7%206.4%203.4c.8.6%202.7%202%203.4%202.2l.1%201c.6%201.6%202.8%202.7%201.5%204.5c2.6-1.6%203.2-4.2%202.2-6q-1.2-1.6-2.5-1.2c-.5-.6-2.4-2.2-3.1-2.8c-.5-2-3.2-4.2-5-5z%22%2F%3E%3Cpath%20fill%3D%22%23404040%22%20d%3D%22M18.7%2016.5c-2%202-6-1.1-7.7-3l-8.6-9Q1.6%203.7%202%203q.6-.6%201.5%200c.6.4%208.3%205.3%2010.6%206.6s6%204.4%204.6%206.9%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG6mgojcMx)%22%20d%3D%22M1317%20209a85%2085%200%200%201-139-19c6%2037%2030%2070%2068%2082c28%2010%2073%2010%2093-27z%22%20transform%3D%22translate(-125.6%20-5)scale(.112)%22%2F%3E%3Cpath%20fill%3D%22%23bfbfbf%22%20d%3D%22M22%2019.1c-.6.3-.5.5-1.1.5c-.4-.1-3.9-2.7-3.9-2.7q-.2-.8.4-1.5q.7-.8%201.4-.7s3.3%202.8%203.4%203.2c.2.6%200%20.5-.1%201.2%22%2F%3E%3Cpath%20fill%3D%22%23282828%22%20d%3D%22M22.2%2025c2.6-1.5%203.4-4%202.4-6c-.8-1.4-2.2-1.7-3-1s-1%201.6-.8%202.4c.6%201.7%202.8%202.8%201.4%204.6%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-krita.svg?color=%231a73e8&size=48
