swift logo

swift from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.

Name: swift
Set: CoreUI Brands
Style: Brand
Viewbox: 32×32
License: CC0 1.0

The same logo in other sets

swiftCatppuccin Icons swiftDevicon swiftFont Awesome 6 Brands swiftFont Awesome Brands swiftLine Awesome swiftSVG Logos swiftMaterial Icon Theme swiftSimple Icons swiftSkill Icons

Use the swift logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M29.312 21.797c.073-.152.073-.297.152-.448c1.791-7.032-2.469-15.256-9.797-19.589c3.213 4.333 4.484 9.495 3.364 14.131a7 7 0 0 1-.375 1.197a7 7 0 0 1-.599-.375S14.806 12.229 7.03 4.374c-.224-.224 4.188 6.281 9.12 11.443c-2.317-1.348-8.896-6.057-13.011-9.869c.448.817 1.125 1.64 1.797 2.464c3.437 4.411 7.927 9.796 13.308 13.905c-3.813 2.323-9.12 2.469-14.505 0c-1.344-.593-2.469-1.344-3.74-2.239c2.245 3.515 5.76 6.728 9.948 8.448c5.011 2.171 10.093 2.02 13.755 0h.079c.145-.073.297-.152.448-.297c1.792-.901 5.307-1.869 7.249 1.869c.527 1.047 1.495-3.812-2.167-8.301z"/></svg>

React

import type { SVGProps } from "react";

export function CibSwift(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M29.312 21.797c.073-.152.073-.297.152-.448c1.791-7.032-2.469-15.256-9.797-19.589c3.213 4.333 4.484 9.495 3.364 14.131a7 7 0 0 1-.375 1.197a7 7 0 0 1-.599-.375S14.806 12.229 7.03 4.374c-.224-.224 4.188 6.281 9.12 11.443c-2.317-1.348-8.896-6.057-13.011-9.869c.448.817 1.125 1.64 1.797 2.464c3.437 4.411 7.927 9.796 13.308 13.905c-3.813 2.323-9.12 2.469-14.505 0c-1.344-.593-2.469-1.344-3.74-2.239c2.245 3.515 5.76 6.728 9.948 8.448c5.011 2.171 10.093 2.02 13.755 0h.079c.145-.073.297-.152.448-.297c1.792-.901 5.307-1.869 7.249 1.869c.527 1.047 1.495-3.812-2.167-8.301z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M29.312 21.797c.073-.152.073-.297.152-.448c1.791-7.032-2.469-15.256-9.797-19.589c3.213 4.333 4.484 9.495 3.364 14.131a7 7 0 0 1-.375 1.197a7 7 0 0 1-.599-.375S14.806 12.229 7.03 4.374c-.224-.224 4.188 6.281 9.12 11.443c-2.317-1.348-8.896-6.057-13.011-9.869c.448.817 1.125 1.64 1.797 2.464c3.437 4.411 7.927 9.796 13.308 13.905c-3.813 2.323-9.12 2.469-14.505 0c-1.344-.593-2.469-1.344-3.74-2.239c2.245 3.515 5.76 6.728 9.948 8.448c5.011 2.171 10.093 2.02 13.755 0h.079c.145-.073.297-.152.448-.297c1.792-.901 5.307-1.869 7.249 1.869c.527 1.047 1.495-3.812-2.167-8.301z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M29.312%2021.797c.073-.152.073-.297.152-.448c1.791-7.032-2.469-15.256-9.797-19.589c3.213%204.333%204.484%209.495%203.364%2014.131a7%207%200%200%201-.375%201.197a7%207%200%200%201-.599-.375S14.806%2012.229%207.03%204.374c-.224-.224%204.188%206.281%209.12%2011.443c-2.317-1.348-8.896-6.057-13.011-9.869c.448.817%201.125%201.64%201.797%202.464c3.437%204.411%207.927%209.796%2013.308%2013.905c-3.813%202.323-9.12%202.469-14.505%200c-1.344-.593-2.469-1.344-3.74-2.239c2.245%203.515%205.76%206.728%209.948%208.448c5.011%202.171%2010.093%202.02%2013.755%200h.079c.145-.073.297-.152.448-.297c1.792-.901%205.307-1.869%207.249%201.869c.527%201.047%201.495-3.812-2.167-8.301z%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M29.312%2021.797c.073-.152.073-.297.152-.448c1.791-7.032-2.469-15.256-9.797-19.589c3.213%204.333%204.484%209.495%203.364%2014.131a7%207%200%200%201-.375%201.197a7%207%200%200%201-.599-.375S14.806%2012.229%207.03%204.374c-.224-.224%204.188%206.281%209.12%2011.443c-2.317-1.348-8.896-6.057-13.011-9.869c.448.817%201.125%201.64%201.797%202.464c3.437%204.411%207.927%209.796%2013.308%2013.905c-3.813%202.323-9.12%202.469-14.505%200c-1.344-.593-2.469-1.344-3.74-2.239c2.245%203.515%205.76%206.728%209.948%208.448c5.011%202.171%2010.093%202.02%2013.755%200h.079c.145-.073.297-.152.448-.297c1.792-.901%205.307-1.869%207.249%201.869c.527%201.047%201.495-3.812-2.167-8.301z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/swift.svg?color=%231a73e8&size=48