swift logo
swift from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- swift
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×256
- License
- CC0
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"><linearGradient id="SVGRvl1FbcT" x1="-1845.501" x2="-1797.134" y1="1255.639" y2="981.338" gradientTransform="matrix(-1 0 0 -1 -1693.21 1246.504)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#faae42"/><stop offset="1" stop-color="#ef3e31"/></linearGradient><path fill="url(#SVGRvl1FbcT)" d="M56.9 0h141.8c6.9 0 13.6 1.1 20.1 3.4c9.4 3.4 17.9 9.4 24.3 17.2c6.5 7.8 10.8 17.4 12.3 27.4c.6 3.7.7 7.4.7 11.1v138.3c0 4.4-.2 8.9-1.1 13.2c-2 9.9-6.7 19.2-13.5 26.7c-6.7 7.5-15.5 13.1-25 16.1c-5.8 1.8-11.8 2.6-17.9 2.6c-2.7 0-142.1 0-144.2-.1c-10.2-.5-20.3-3.8-28.8-9.5c-8.3-5.6-15.1-13.4-19.5-22.4c-3.8-7.7-5.7-16.3-5.7-24.9V56.9C.2 48.4 2 40 5.7 32.4c4.3-9 11-16.9 19.3-22.5C33.5 4.1 43.5.7 53.7.2c1-.2 2.1-.2 3.2-.2"/><linearGradient id="SVGsy7hbzAE" x1="130.612" x2="95.213" y1="4.136" y2="204.893" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#e39f3a"/><stop offset="1" stop-color="#d33929"/></linearGradient><path fill="url(#SVGsy7hbzAE)" d="M216 209.4c-.9-1.4-1.9-2.8-3-4.1c-2.5-3-5.4-5.6-8.6-7.8c-4-2.7-8.7-4.4-13.5-4.6c-3.4-.2-6.8.4-10 1.6c-3.2 1.1-6.3 2.7-9.3 4.3c-3.5 1.8-7 3.6-10.7 5.1c-4.4 1.8-9 3.2-13.7 4.2c-5.9 1.1-11.9 1.5-17.8 1.4c-10.7-.2-21.4-1.8-31.6-4.8c-9-2.7-17.6-6.4-25.7-11.1c-7.1-4.1-13.7-8.8-19.9-14.1c-5.1-4.4-9.8-9.1-14.2-14.1c-3-3.5-5.9-7.2-8.6-11c-1.1-1.5-2.1-3.1-3-4.7L0 121.2V56.7C0 25.4 25.3 0 56.6 0h50.5l37.4 38c84.4 57.4 57.1 120.7 57.1 120.7s24 27 14.4 50.7"/><path fill="#fff" d="M144.7 38c84.4 57.4 57.1 120.7 57.1 120.7s24 27.1 14.3 50.8c0 0-9.9-16.6-26.5-16.6c-16 0-25.4 16.6-57.6 16.6c-71.7 0-105.6-59.9-105.6-59.9C91 192.1 135.1 162 135.1 162c-29.1-16.9-91-97.7-91-97.7c53.9 45.9 77.2 58 77.2 58c-13.9-11.5-52.9-67.7-52.9-67.7c31.2 31.6 93.2 75.7 93.2 75.7C179.2 81.5 144.7 38 144.7 38"/></svg>
React
import type { SVGProps } from "react";
export function LogosSwift(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><linearGradient id="SVGRvl1FbcT" x1="-1845.501" x2="-1797.134" y1="1255.639" y2="981.338" gradientTransform="matrix(-1 0 0 -1 -1693.21 1246.504)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#faae42"/><stop offset="1" stopColor="#ef3e31"/></linearGradient><path fill="url(#SVGRvl1FbcT)" d="M56.9 0h141.8c6.9 0 13.6 1.1 20.1 3.4c9.4 3.4 17.9 9.4 24.3 17.2c6.5 7.8 10.8 17.4 12.3 27.4c.6 3.7.7 7.4.7 11.1v138.3c0 4.4-.2 8.9-1.1 13.2c-2 9.9-6.7 19.2-13.5 26.7c-6.7 7.5-15.5 13.1-25 16.1c-5.8 1.8-11.8 2.6-17.9 2.6c-2.7 0-142.1 0-144.2-.1c-10.2-.5-20.3-3.8-28.8-9.5c-8.3-5.6-15.1-13.4-19.5-22.4c-3.8-7.7-5.7-16.3-5.7-24.9V56.9C.2 48.4 2 40 5.7 32.4c4.3-9 11-16.9 19.3-22.5C33.5 4.1 43.5.7 53.7.2c1-.2 2.1-.2 3.2-.2"/><linearGradient id="SVGsy7hbzAE" x1="130.612" x2="95.213" y1="4.136" y2="204.893" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#e39f3a"/><stop offset="1" stopColor="#d33929"/></linearGradient><path fill="url(#SVGsy7hbzAE)" d="M216 209.4c-.9-1.4-1.9-2.8-3-4.1c-2.5-3-5.4-5.6-8.6-7.8c-4-2.7-8.7-4.4-13.5-4.6c-3.4-.2-6.8.4-10 1.6c-3.2 1.1-6.3 2.7-9.3 4.3c-3.5 1.8-7 3.6-10.7 5.1c-4.4 1.8-9 3.2-13.7 4.2c-5.9 1.1-11.9 1.5-17.8 1.4c-10.7-.2-21.4-1.8-31.6-4.8c-9-2.7-17.6-6.4-25.7-11.1c-7.1-4.1-13.7-8.8-19.9-14.1c-5.1-4.4-9.8-9.1-14.2-14.1c-3-3.5-5.9-7.2-8.6-11c-1.1-1.5-2.1-3.1-3-4.7L0 121.2V56.7C0 25.4 25.3 0 56.6 0h50.5l37.4 38c84.4 57.4 57.1 120.7 57.1 120.7s24 27 14.4 50.7"/><path fill="#fff" d="M144.7 38c84.4 57.4 57.1 120.7 57.1 120.7s24 27.1 14.3 50.8c0 0-9.9-16.6-26.5-16.6c-16 0-25.4 16.6-57.6 16.6c-71.7 0-105.6-59.9-105.6-59.9C91 192.1 135.1 162 135.1 162c-29.1-16.9-91-97.7-91-97.7c53.9 45.9 77.2 58 77.2 58c-13.9-11.5-52.9-67.7-52.9-67.7c31.2 31.6 93.2 75.7 93.2 75.7C179.2 81.5 144.7 38 144.7 38"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><linearGradient id="SVGRvl1FbcT" x1="-1845.501" x2="-1797.134" y1="1255.639" y2="981.338" gradientTransform="matrix(-1 0 0 -1 -1693.21 1246.504)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#faae42"/><stop offset="1" stop-color="#ef3e31"/></linearGradient><path fill="url(#SVGRvl1FbcT)" d="M56.9 0h141.8c6.9 0 13.6 1.1 20.1 3.4c9.4 3.4 17.9 9.4 24.3 17.2c6.5 7.8 10.8 17.4 12.3 27.4c.6 3.7.7 7.4.7 11.1v138.3c0 4.4-.2 8.9-1.1 13.2c-2 9.9-6.7 19.2-13.5 26.7c-6.7 7.5-15.5 13.1-25 16.1c-5.8 1.8-11.8 2.6-17.9 2.6c-2.7 0-142.1 0-144.2-.1c-10.2-.5-20.3-3.8-28.8-9.5c-8.3-5.6-15.1-13.4-19.5-22.4c-3.8-7.7-5.7-16.3-5.7-24.9V56.9C.2 48.4 2 40 5.7 32.4c4.3-9 11-16.9 19.3-22.5C33.5 4.1 43.5.7 53.7.2c1-.2 2.1-.2 3.2-.2"/><linearGradient id="SVGsy7hbzAE" x1="130.612" x2="95.213" y1="4.136" y2="204.893" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#e39f3a"/><stop offset="1" stop-color="#d33929"/></linearGradient><path fill="url(#SVGsy7hbzAE)" d="M216 209.4c-.9-1.4-1.9-2.8-3-4.1c-2.5-3-5.4-5.6-8.6-7.8c-4-2.7-8.7-4.4-13.5-4.6c-3.4-.2-6.8.4-10 1.6c-3.2 1.1-6.3 2.7-9.3 4.3c-3.5 1.8-7 3.6-10.7 5.1c-4.4 1.8-9 3.2-13.7 4.2c-5.9 1.1-11.9 1.5-17.8 1.4c-10.7-.2-21.4-1.8-31.6-4.8c-9-2.7-17.6-6.4-25.7-11.1c-7.1-4.1-13.7-8.8-19.9-14.1c-5.1-4.4-9.8-9.1-14.2-14.1c-3-3.5-5.9-7.2-8.6-11c-1.1-1.5-2.1-3.1-3-4.7L0 121.2V56.7C0 25.4 25.3 0 56.6 0h50.5l37.4 38c84.4 57.4 57.1 120.7 57.1 120.7s24 27 14.4 50.7"/><path fill="#fff" d="M144.7 38c84.4 57.4 57.1 120.7 57.1 120.7s24 27.1 14.3 50.8c0 0-9.9-16.6-26.5-16.6c-16 0-25.4 16.6-57.6 16.6c-71.7 0-105.6-59.9-105.6-59.9C91 192.1 135.1 162 135.1 162c-29.1-16.9-91-97.7-91-97.7c53.9 45.9 77.2 58 77.2 58c-13.9-11.5-52.9-67.7-52.9-67.7c31.2 31.6 93.2 75.7 93.2 75.7C179.2 81.5 144.7 38 144.7 38"/></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%3ClinearGradient%20id%3D%22SVGRvl1FbcT%22%20x1%3D%22-1845.501%22%20x2%3D%22-1797.134%22%20y1%3D%221255.639%22%20y2%3D%22981.338%22%20gradientTransform%3D%22matrix(-1%200%200%20-1%20-1693.21%201246.504)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23faae42%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ef3e31%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20fill%3D%22url(%23SVGRvl1FbcT)%22%20d%3D%22M56.9%200h141.8c6.9%200%2013.6%201.1%2020.1%203.4c9.4%203.4%2017.9%209.4%2024.3%2017.2c6.5%207.8%2010.8%2017.4%2012.3%2027.4c.6%203.7.7%207.4.7%2011.1v138.3c0%204.4-.2%208.9-1.1%2013.2c-2%209.9-6.7%2019.2-13.5%2026.7c-6.7%207.5-15.5%2013.1-25%2016.1c-5.8%201.8-11.8%202.6-17.9%202.6c-2.7%200-142.1%200-144.2-.1c-10.2-.5-20.3-3.8-28.8-9.5c-8.3-5.6-15.1-13.4-19.5-22.4c-3.8-7.7-5.7-16.3-5.7-24.9V56.9C.2%2048.4%202%2040%205.7%2032.4c4.3-9%2011-16.9%2019.3-22.5C33.5%204.1%2043.5.7%2053.7.2c1-.2%202.1-.2%203.2-.2%22%2F%3E%3ClinearGradient%20id%3D%22SVGsy7hbzAE%22%20x1%3D%22130.612%22%20x2%3D%2295.213%22%20y1%3D%224.136%22%20y2%3D%22204.893%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23e39f3a%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23d33929%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20fill%3D%22url(%23SVGsy7hbzAE)%22%20d%3D%22M216%20209.4c-.9-1.4-1.9-2.8-3-4.1c-2.5-3-5.4-5.6-8.6-7.8c-4-2.7-8.7-4.4-13.5-4.6c-3.4-.2-6.8.4-10%201.6c-3.2%201.1-6.3%202.7-9.3%204.3c-3.5%201.8-7%203.6-10.7%205.1c-4.4%201.8-9%203.2-13.7%204.2c-5.9%201.1-11.9%201.5-17.8%201.4c-10.7-.2-21.4-1.8-31.6-4.8c-9-2.7-17.6-6.4-25.7-11.1c-7.1-4.1-13.7-8.8-19.9-14.1c-5.1-4.4-9.8-9.1-14.2-14.1c-3-3.5-5.9-7.2-8.6-11c-1.1-1.5-2.1-3.1-3-4.7L0%20121.2V56.7C0%2025.4%2025.3%200%2056.6%200h50.5l37.4%2038c84.4%2057.4%2057.1%20120.7%2057.1%20120.7s24%2027%2014.4%2050.7%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M144.7%2038c84.4%2057.4%2057.1%20120.7%2057.1%20120.7s24%2027.1%2014.3%2050.8c0%200-9.9-16.6-26.5-16.6c-16%200-25.4%2016.6-57.6%2016.6c-71.7%200-105.6-59.9-105.6-59.9C91%20192.1%20135.1%20162%20135.1%20162c-29.1-16.9-91-97.7-91-97.7c53.9%2045.9%2077.2%2058%2077.2%2058c-13.9-11.5-52.9-67.7-52.9-67.7c31.2%2031.6%2093.2%2075.7%2093.2%2075.7C179.2%2081.5%20144.7%2038%20144.7%2038%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%20256%20256%22%3E%3ClinearGradient%20id%3D%22SVGRvl1FbcT%22%20x1%3D%22-1845.501%22%20x2%3D%22-1797.134%22%20y1%3D%221255.639%22%20y2%3D%22981.338%22%20gradientTransform%3D%22matrix(-1%200%200%20-1%20-1693.21%201246.504)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23faae42%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ef3e31%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20fill%3D%22url(%23SVGRvl1FbcT)%22%20d%3D%22M56.9%200h141.8c6.9%200%2013.6%201.1%2020.1%203.4c9.4%203.4%2017.9%209.4%2024.3%2017.2c6.5%207.8%2010.8%2017.4%2012.3%2027.4c.6%203.7.7%207.4.7%2011.1v138.3c0%204.4-.2%208.9-1.1%2013.2c-2%209.9-6.7%2019.2-13.5%2026.7c-6.7%207.5-15.5%2013.1-25%2016.1c-5.8%201.8-11.8%202.6-17.9%202.6c-2.7%200-142.1%200-144.2-.1c-10.2-.5-20.3-3.8-28.8-9.5c-8.3-5.6-15.1-13.4-19.5-22.4c-3.8-7.7-5.7-16.3-5.7-24.9V56.9C.2%2048.4%202%2040%205.7%2032.4c4.3-9%2011-16.9%2019.3-22.5C33.5%204.1%2043.5.7%2053.7.2c1-.2%202.1-.2%203.2-.2%22%2F%3E%3ClinearGradient%20id%3D%22SVGsy7hbzAE%22%20x1%3D%22130.612%22%20x2%3D%2295.213%22%20y1%3D%224.136%22%20y2%3D%22204.893%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23e39f3a%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23d33929%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20fill%3D%22url(%23SVGsy7hbzAE)%22%20d%3D%22M216%20209.4c-.9-1.4-1.9-2.8-3-4.1c-2.5-3-5.4-5.6-8.6-7.8c-4-2.7-8.7-4.4-13.5-4.6c-3.4-.2-6.8.4-10%201.6c-3.2%201.1-6.3%202.7-9.3%204.3c-3.5%201.8-7%203.6-10.7%205.1c-4.4%201.8-9%203.2-13.7%204.2c-5.9%201.1-11.9%201.5-17.8%201.4c-10.7-.2-21.4-1.8-31.6-4.8c-9-2.7-17.6-6.4-25.7-11.1c-7.1-4.1-13.7-8.8-19.9-14.1c-5.1-4.4-9.8-9.1-14.2-14.1c-3-3.5-5.9-7.2-8.6-11c-1.1-1.5-2.1-3.1-3-4.7L0%20121.2V56.7C0%2025.4%2025.3%200%2056.6%200h50.5l37.4%2038c84.4%2057.4%2057.1%20120.7%2057.1%20120.7s24%2027%2014.4%2050.7%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M144.7%2038c84.4%2057.4%2057.1%20120.7%2057.1%20120.7s24%2027.1%2014.3%2050.8c0%200-9.9-16.6-26.5-16.6c-16%200-25.4%2016.6-57.6%2016.6c-71.7%200-105.6-59.9-105.6-59.9C91%20192.1%20135.1%20162%20135.1%20162c-29.1-16.9-91-97.7-91-97.7c53.9%2045.9%2077.2%2058%2077.2%2058c-13.9-11.5-52.9-67.7-52.9-67.7c31.2%2031.6%2093.2%2075.7%2093.2%2075.7C179.2%2081.5%20144.7%2038%20144.7%2038%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/swift.svg?color=%231a73e8&size=48
