file type swift logo

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

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

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><defs><linearGradient id="SVGkG5neddW" x1="-134.494" x2="-134.497" y1="-171.82" y2="-171.89" gradientTransform="matrix(240 0 0 -205.6 32295 -35312.585)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f88535"/><stop offset="1" stop-color="#fd2221"/></linearGradient></defs><path fill="url(#SVGkG5neddW)" d="M19.422 4.007s6.217 3.554 7.844 9.2c1.466 5.1.292 7.534.292 7.534a8.9 8.9 0 0 1 1.742 2.8a4.83 4.83 0 0 1 .29 4.453s-.1-2.08-3.2-2.511c-2.841-.4-3.874 2.366-9.3 2.232A18.43 18.43 0 0 1 2 19.354C4.651 20.8 8.124 23.045 12.449 22.7s5.228-1.674 5.228-1.674A67 67 0 0 1 4.891 7.643c3.4 2.845 11.822 8.507 11.626 8.363A76 76 0 0 1 8.092 6.24s12.636 10.389 13.653 10.323c.418-.861 2.579-5.318-2.324-12.557Z"/></svg>

React

import type { SVGProps } from "react";

export function VscodeIconsFileTypeSwift(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="SVGkG5neddW" x1="-134.494" x2="-134.497" y1="-171.82" y2="-171.89" gradientTransform="matrix(240 0 0 -205.6 32295 -35312.585)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#f88535"/><stop offset="1" stopColor="#fd2221"/></linearGradient></defs><path fill="url(#SVGkG5neddW)" d="M19.422 4.007s6.217 3.554 7.844 9.2c1.466 5.1.292 7.534.292 7.534a8.9 8.9 0 0 1 1.742 2.8a4.83 4.83 0 0 1 .29 4.453s-.1-2.08-3.2-2.511c-2.841-.4-3.874 2.366-9.3 2.232A18.43 18.43 0 0 1 2 19.354C4.651 20.8 8.124 23.045 12.449 22.7s5.228-1.674 5.228-1.674A67 67 0 0 1 4.891 7.643c3.4 2.845 11.822 8.507 11.626 8.363A76 76 0 0 1 8.092 6.24s12.636 10.389 13.653 10.323c.418-.861 2.579-5.318-2.324-12.557Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><defs><linearGradient id="SVGkG5neddW" x1="-134.494" x2="-134.497" y1="-171.82" y2="-171.89" gradientTransform="matrix(240 0 0 -205.6 32295 -35312.585)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f88535"/><stop offset="1" stop-color="#fd2221"/></linearGradient></defs><path fill="url(#SVGkG5neddW)" d="M19.422 4.007s6.217 3.554 7.844 9.2c1.466 5.1.292 7.534.292 7.534a8.9 8.9 0 0 1 1.742 2.8a4.83 4.83 0 0 1 .29 4.453s-.1-2.08-3.2-2.511c-2.841-.4-3.874 2.366-9.3 2.232A18.43 18.43 0 0 1 2 19.354C4.651 20.8 8.124 23.045 12.449 22.7s5.228-1.674 5.228-1.674A67 67 0 0 1 4.891 7.643c3.4 2.845 11.822 8.507 11.626 8.363A76 76 0 0 1 8.092 6.24s12.636 10.389 13.653 10.323c.418-.861 2.579-5.318-2.324-12.557Z"/></svg>
</template>

CSS

.icon-file-type-swift {
  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%22SVGkG5neddW%22%20x1%3D%22-134.494%22%20x2%3D%22-134.497%22%20y1%3D%22-171.82%22%20y2%3D%22-171.89%22%20gradientTransform%3D%22matrix(240%200%200%20-205.6%2032295%20-35312.585)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23f88535%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fd2221%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGkG5neddW)%22%20d%3D%22M19.422%204.007s6.217%203.554%207.844%209.2c1.466%205.1.292%207.534.292%207.534a8.9%208.9%200%200%201%201.742%202.8a4.83%204.83%200%200%201%20.29%204.453s-.1-2.08-3.2-2.511c-2.841-.4-3.874%202.366-9.3%202.232A18.43%2018.43%200%200%201%202%2019.354C4.651%2020.8%208.124%2023.045%2012.449%2022.7s5.228-1.674%205.228-1.674A67%2067%200%200%201%204.891%207.643c3.4%202.845%2011.822%208.507%2011.626%208.363A76%2076%200%200%201%208.092%206.24s12.636%2010.389%2013.653%2010.323c.418-.861%202.579-5.318-2.324-12.557Z%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%22SVGkG5neddW%22%20x1%3D%22-134.494%22%20x2%3D%22-134.497%22%20y1%3D%22-171.82%22%20y2%3D%22-171.89%22%20gradientTransform%3D%22matrix(240%200%200%20-205.6%2032295%20-35312.585)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23f88535%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fd2221%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGkG5neddW)%22%20d%3D%22M19.422%204.007s6.217%203.554%207.844%209.2c1.466%205.1.292%207.534.292%207.534a8.9%208.9%200%200%201%201.742%202.8a4.83%204.83%200%200%201%20.29%204.453s-.1-2.08-3.2-2.511c-2.841-.4-3.874%202.366-9.3%202.232A18.43%2018.43%200%200%201%202%2019.354C4.651%2020.8%208.124%2023.045%2012.449%2022.7s5.228-1.674%205.228-1.674A67%2067%200%200%201%204.891%207.643c3.4%202.845%2011.822%208.507%2011.626%208.363A76%2076%200%200%201%208.092%206.24s12.636%2010.389%2013.653%2010.323c.418-.861%202.579-5.318-2.324-12.557Z%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-swift.svg?color=%231a73e8&size=48