swift logo
swift from Skill Icons by tandpfun · Default · MIT Free for personal and commercial use.
- Name
- swift
- Set
- Skill Icons
- Style
- Default
- Viewbox
- 256×256
- License
- MIT
The same logo in other sets
Use the swift logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#f05138" rx="60"/><path fill="#fff" d="m202.677 158.04l.724-2.896c10.616-42.224-15.201-92.41-59.114-118.71c19.302 26.058 27.747 57.666 20.267 85.172c-.724 2.413-1.448 4.826-2.413 7.239c-.965-.724-2.171-1.448-3.86-2.172c0 0-43.672-27.024-90.963-74.556c-1.207-1.206 25.334 37.881 55.253 69.489c-14.235-7.962-53.564-36.675-78.658-59.355c3.137 5.067 6.756 10.134 10.617 14.718c20.75 26.541 48.015 59.114 80.588 84.207c-22.922 13.995-55.254 15.201-87.344 0c-7.962-3.619-15.442-8.203-22.44-13.27c13.512 21.715 34.504 40.535 60.08 51.634c30.401 13.029 60.803 12.306 83.242.241c0 0 .241 0 .241-.241c.965-.482 1.931-1.206 2.896-1.689c10.857-5.549 32.09-11.099 43.672 11.099c3.378 5.067 9.41-23.887-12.788-50.91"/></g></svg>
React
import type { SVGProps } from "react";
export function SkillIconsSwift(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#f05138" rx="60"/><path fill="#fff" d="m202.677 158.04l.724-2.896c10.616-42.224-15.201-92.41-59.114-118.71c19.302 26.058 27.747 57.666 20.267 85.172c-.724 2.413-1.448 4.826-2.413 7.239c-.965-.724-2.171-1.448-3.86-2.172c0 0-43.672-27.024-90.963-74.556c-1.207-1.206 25.334 37.881 55.253 69.489c-14.235-7.962-53.564-36.675-78.658-59.355c3.137 5.067 6.756 10.134 10.617 14.718c20.75 26.541 48.015 59.114 80.588 84.207c-22.922 13.995-55.254 15.201-87.344 0c-7.962-3.619-15.442-8.203-22.44-13.27c13.512 21.715 34.504 40.535 60.08 51.634c30.401 13.029 60.803 12.306 83.242.241c0 0 .241 0 .241-.241c.965-.482 1.931-1.206 2.896-1.689c10.857-5.549 32.09-11.099 43.672 11.099c3.378 5.067 9.41-23.887-12.788-50.91"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#f05138" rx="60"/><path fill="#fff" d="m202.677 158.04l.724-2.896c10.616-42.224-15.201-92.41-59.114-118.71c19.302 26.058 27.747 57.666 20.267 85.172c-.724 2.413-1.448 4.826-2.413 7.239c-.965-.724-2.171-1.448-3.86-2.172c0 0-43.672-27.024-90.963-74.556c-1.207-1.206 25.334 37.881 55.253 69.489c-14.235-7.962-53.564-36.675-78.658-59.355c3.137 5.067 6.756 10.134 10.617 14.718c20.75 26.541 48.015 59.114 80.588 84.207c-22.922 13.995-55.254 15.201-87.344 0c-7.962-3.619-15.442-8.203-22.44-13.27c13.512 21.715 34.504 40.535 60.08 51.634c30.401 13.029 60.803 12.306 83.242.241c0 0 .241 0 .241-.241c.965-.482 1.931-1.206 2.896-1.689c10.857-5.549 32.09-11.099 43.672 11.099c3.378 5.067 9.41-23.887-12.788-50.91"/></g></svg> </template>
CSS
.icon-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%20256%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23f05138%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m202.677%20158.04l.724-2.896c10.616-42.224-15.201-92.41-59.114-118.71c19.302%2026.058%2027.747%2057.666%2020.267%2085.172c-.724%202.413-1.448%204.826-2.413%207.239c-.965-.724-2.171-1.448-3.86-2.172c0%200-43.672-27.024-90.963-74.556c-1.207-1.206%2025.334%2037.881%2055.253%2069.489c-14.235-7.962-53.564-36.675-78.658-59.355c3.137%205.067%206.756%2010.134%2010.617%2014.718c20.75%2026.541%2048.015%2059.114%2080.588%2084.207c-22.922%2013.995-55.254%2015.201-87.344%200c-7.962-3.619-15.442-8.203-22.44-13.27c13.512%2021.715%2034.504%2040.535%2060.08%2051.634c30.401%2013.029%2060.803%2012.306%2083.242.241c0%200%20.241%200%20.241-.241c.965-.482%201.931-1.206%202.896-1.689c10.857-5.549%2032.09-11.099%2043.672%2011.099c3.378%205.067%209.41-23.887-12.788-50.91%22%2F%3E%3C%2Fg%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%20256%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23f05138%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m202.677%20158.04l.724-2.896c10.616-42.224-15.201-92.41-59.114-118.71c19.302%2026.058%2027.747%2057.666%2020.267%2085.172c-.724%202.413-1.448%204.826-2.413%207.239c-.965-.724-2.171-1.448-3.86-2.172c0%200-43.672-27.024-90.963-74.556c-1.207-1.206%2025.334%2037.881%2055.253%2069.489c-14.235-7.962-53.564-36.675-78.658-59.355c3.137%205.067%206.756%2010.134%2010.617%2014.718c20.75%2026.541%2048.015%2059.114%2080.588%2084.207c-22.922%2013.995-55.254%2015.201-87.344%200c-7.962-3.619-15.442-8.203-22.44-13.27c13.512%2021.715%2034.504%2040.535%2060.08%2051.634c30.401%2013.029%2060.803%2012.306%2083.242.241c0%200%20.241%200%20.241-.241c.965-.482%201.931-1.206%202.896-1.689c10.857-5.549%2032.09-11.099%2043.672%2011.099c3.378%205.067%209.41-23.887-12.788-50.91%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/skill-icons/swift.svg?color=%231a73e8&size=48
