barclays logo
barclays from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- barclays
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the barclays logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.043 3.629a3.2 3.2 0 0 0-1.048-.54a3 3 0 0 0-.937-.144h-.046c-.413.006-1.184.105-1.701.71a1.14 1.14 0 0 0-.226 1.023a.9.9 0 0 0 .555.63s.088.032.228.058c-.04.078-.136.214-.136.214c-.179.265-.576.612-1.668.612h-.063c-.578-.038-1.056-.189-1.616-.915c-.347-.45-.523-1.207-.549-2.452c-.022-.624-.107-1.165-.256-1.6c-.1-.29-.333-.596-.557-.742a2.6 2.6 0 0 0-.694-.336c-.373-.12-.848-.14-1.204-.146c-.462-.01-.717.096-.878.292c-.027.033-.032.05-.068.046c-.084-.006-.272-.006-.328-.006c-.264 0-.498.043-.721.09c-.47.1-.761.295-1.019.503c-.12.095-.347.365-.399.653a.76.76 0 0 0 .097.578c.14-.148.374-.264.816-.266c.493-.002 1.169.224 1.406.608c.336.547.27.99.199 1.517c-.183 1.347-.68 2.048-1.783 2.203q-.288.04-.56.04c-.776 0-1.34-.248-1.63-.716a.7.7 0 0 1-.088-.168s.087-.021.163-.056c.294-.14.514-.344.594-.661c.09-.353.004-.728-.23-1.007c-.415-.47-.991-.708-1.713-.708c-.4 0-.755.076-.982.14c-.908.256-1.633.947-2.214 2.112c-.412.824-.7 1.912-.81 3.067c-.11 1.13-.056 2.085.019 2.949c.124 1.437.363 2.298.708 3.22a15.7 15.7 0 0 0 1.609 3.19c.09-.094.15-.161.308-.318c.188-.19.724-.893.876-1.11c.19-.27.51-.779.664-1.147l.15.119c.16.127.252.348.249.592c-.003.215-.053.464-.184.922a8.7 8.7 0 0 1-.784 1.818c-.189.341-.27.508-.199.584c.015.015.038.03.06.026c.116 0 .34-.117.585-.304c.222-.17.813-.672 1.527-1.675a15.5 15.5 0 0 0 1.452-2.521c.12.046.255.101.317.226a.92.92 0 0 1 .08.563c-.065.539-.379 1.353-.63 1.94c-.425.998-1.208 2.115-1.788 2.877c-.022.03-.163.197-.186.227c.9.792 1.944 1.555 3.007 2.136c.725.408 2.203 1.162 3.183 1.424c.98-.262 2.458-1.016 3.184-1.424a17 17 0 0 0 3.003-2.134c-.05-.076-.13-.158-.183-.23c-.582-.763-1.365-1.881-1.79-2.875c-.25-.59-.563-1.405-.628-1.94c-.028-.221-.002-.417.08-.565c.033-.098.274-.218.317-.226c.405.884.887 1.73 1.452 2.522c.715 1.003 1.306 1.506 1.527 1.674c.248.191.467.304.586.304a.07.07 0 0 0 .044-.012c.094-.069.017-.234-.183-.594a9 9 0 0 1-.786-1.822c-.13-.456-.18-.706-.182-.92c-.004-.246.088-.466.248-.594l.15-.118c.155.373.5.919.665 1.147c.15.216.685.919.876 1.11c.156.158.22.222.308.32a15.7 15.7 0 0 0 1.609-3.19c.343-.923.583-1.784.707-3.222c.075-.86.128-1.81.02-2.948c-.101-1.116-.404-2.264-.81-3.068c-.249-.49-.605-1.112-1.171-1.566"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsBarclays(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.043 3.629a3.2 3.2 0 0 0-1.048-.54a3 3 0 0 0-.937-.144h-.046c-.413.006-1.184.105-1.701.71a1.14 1.14 0 0 0-.226 1.023a.9.9 0 0 0 .555.63s.088.032.228.058c-.04.078-.136.214-.136.214c-.179.265-.576.612-1.668.612h-.063c-.578-.038-1.056-.189-1.616-.915c-.347-.45-.523-1.207-.549-2.452c-.022-.624-.107-1.165-.256-1.6c-.1-.29-.333-.596-.557-.742a2.6 2.6 0 0 0-.694-.336c-.373-.12-.848-.14-1.204-.146c-.462-.01-.717.096-.878.292c-.027.033-.032.05-.068.046c-.084-.006-.272-.006-.328-.006c-.264 0-.498.043-.721.09c-.47.1-.761.295-1.019.503c-.12.095-.347.365-.399.653a.76.76 0 0 0 .097.578c.14-.148.374-.264.816-.266c.493-.002 1.169.224 1.406.608c.336.547.27.99.199 1.517c-.183 1.347-.68 2.048-1.783 2.203q-.288.04-.56.04c-.776 0-1.34-.248-1.63-.716a.7.7 0 0 1-.088-.168s.087-.021.163-.056c.294-.14.514-.344.594-.661c.09-.353.004-.728-.23-1.007c-.415-.47-.991-.708-1.713-.708c-.4 0-.755.076-.982.14c-.908.256-1.633.947-2.214 2.112c-.412.824-.7 1.912-.81 3.067c-.11 1.13-.056 2.085.019 2.949c.124 1.437.363 2.298.708 3.22a15.7 15.7 0 0 0 1.609 3.19c.09-.094.15-.161.308-.318c.188-.19.724-.893.876-1.11c.19-.27.51-.779.664-1.147l.15.119c.16.127.252.348.249.592c-.003.215-.053.464-.184.922a8.7 8.7 0 0 1-.784 1.818c-.189.341-.27.508-.199.584c.015.015.038.03.06.026c.116 0 .34-.117.585-.304c.222-.17.813-.672 1.527-1.675a15.5 15.5 0 0 0 1.452-2.521c.12.046.255.101.317.226a.92.92 0 0 1 .08.563c-.065.539-.379 1.353-.63 1.94c-.425.998-1.208 2.115-1.788 2.877c-.022.03-.163.197-.186.227c.9.792 1.944 1.555 3.007 2.136c.725.408 2.203 1.162 3.183 1.424c.98-.262 2.458-1.016 3.184-1.424a17 17 0 0 0 3.003-2.134c-.05-.076-.13-.158-.183-.23c-.582-.763-1.365-1.881-1.79-2.875c-.25-.59-.563-1.405-.628-1.94c-.028-.221-.002-.417.08-.565c.033-.098.274-.218.317-.226c.405.884.887 1.73 1.452 2.522c.715 1.003 1.306 1.506 1.527 1.674c.248.191.467.304.586.304a.07.07 0 0 0 .044-.012c.094-.069.017-.234-.183-.594a9 9 0 0 1-.786-1.822c-.13-.456-.18-.706-.182-.92c-.004-.246.088-.466.248-.594l.15-.118c.155.373.5.919.665 1.147c.15.216.685.919.876 1.11c.156.158.22.222.308.32a15.7 15.7 0 0 0 1.609-3.19c.343-.923.583-1.784.707-3.222c.075-.86.128-1.81.02-2.948c-.101-1.116-.404-2.264-.81-3.068c-.249-.49-.605-1.112-1.171-1.566"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.043 3.629a3.2 3.2 0 0 0-1.048-.54a3 3 0 0 0-.937-.144h-.046c-.413.006-1.184.105-1.701.71a1.14 1.14 0 0 0-.226 1.023a.9.9 0 0 0 .555.63s.088.032.228.058c-.04.078-.136.214-.136.214c-.179.265-.576.612-1.668.612h-.063c-.578-.038-1.056-.189-1.616-.915c-.347-.45-.523-1.207-.549-2.452c-.022-.624-.107-1.165-.256-1.6c-.1-.29-.333-.596-.557-.742a2.6 2.6 0 0 0-.694-.336c-.373-.12-.848-.14-1.204-.146c-.462-.01-.717.096-.878.292c-.027.033-.032.05-.068.046c-.084-.006-.272-.006-.328-.006c-.264 0-.498.043-.721.09c-.47.1-.761.295-1.019.503c-.12.095-.347.365-.399.653a.76.76 0 0 0 .097.578c.14-.148.374-.264.816-.266c.493-.002 1.169.224 1.406.608c.336.547.27.99.199 1.517c-.183 1.347-.68 2.048-1.783 2.203q-.288.04-.56.04c-.776 0-1.34-.248-1.63-.716a.7.7 0 0 1-.088-.168s.087-.021.163-.056c.294-.14.514-.344.594-.661c.09-.353.004-.728-.23-1.007c-.415-.47-.991-.708-1.713-.708c-.4 0-.755.076-.982.14c-.908.256-1.633.947-2.214 2.112c-.412.824-.7 1.912-.81 3.067c-.11 1.13-.056 2.085.019 2.949c.124 1.437.363 2.298.708 3.22a15.7 15.7 0 0 0 1.609 3.19c.09-.094.15-.161.308-.318c.188-.19.724-.893.876-1.11c.19-.27.51-.779.664-1.147l.15.119c.16.127.252.348.249.592c-.003.215-.053.464-.184.922a8.7 8.7 0 0 1-.784 1.818c-.189.341-.27.508-.199.584c.015.015.038.03.06.026c.116 0 .34-.117.585-.304c.222-.17.813-.672 1.527-1.675a15.5 15.5 0 0 0 1.452-2.521c.12.046.255.101.317.226a.92.92 0 0 1 .08.563c-.065.539-.379 1.353-.63 1.94c-.425.998-1.208 2.115-1.788 2.877c-.022.03-.163.197-.186.227c.9.792 1.944 1.555 3.007 2.136c.725.408 2.203 1.162 3.183 1.424c.98-.262 2.458-1.016 3.184-1.424a17 17 0 0 0 3.003-2.134c-.05-.076-.13-.158-.183-.23c-.582-.763-1.365-1.881-1.79-2.875c-.25-.59-.563-1.405-.628-1.94c-.028-.221-.002-.417.08-.565c.033-.098.274-.218.317-.226c.405.884.887 1.73 1.452 2.522c.715 1.003 1.306 1.506 1.527 1.674c.248.191.467.304.586.304a.07.07 0 0 0 .044-.012c.094-.069.017-.234-.183-.594a9 9 0 0 1-.786-1.822c-.13-.456-.18-.706-.182-.92c-.004-.246.088-.466.248-.594l.15-.118c.155.373.5.919.665 1.147c.15.216.685.919.876 1.11c.156.158.22.222.308.32a15.7 15.7 0 0 0 1.609-3.19c.343-.923.583-1.784.707-3.222c.075-.86.128-1.81.02-2.948c-.101-1.116-.404-2.264-.81-3.068c-.249-.49-.605-1.112-1.171-1.566"/></svg> </template>
CSS
.icon-barclays {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.043%203.629a3.2%203.2%200%200%200-1.048-.54a3%203%200%200%200-.937-.144h-.046c-.413.006-1.184.105-1.701.71a1.14%201.14%200%200%200-.226%201.023a.9.9%200%200%200%20.555.63s.088.032.228.058c-.04.078-.136.214-.136.214c-.179.265-.576.612-1.668.612h-.063c-.578-.038-1.056-.189-1.616-.915c-.347-.45-.523-1.207-.549-2.452c-.022-.624-.107-1.165-.256-1.6c-.1-.29-.333-.596-.557-.742a2.6%202.6%200%200%200-.694-.336c-.373-.12-.848-.14-1.204-.146c-.462-.01-.717.096-.878.292c-.027.033-.032.05-.068.046c-.084-.006-.272-.006-.328-.006c-.264%200-.498.043-.721.09c-.47.1-.761.295-1.019.503c-.12.095-.347.365-.399.653a.76.76%200%200%200%20.097.578c.14-.148.374-.264.816-.266c.493-.002%201.169.224%201.406.608c.336.547.27.99.199%201.517c-.183%201.347-.68%202.048-1.783%202.203q-.288.04-.56.04c-.776%200-1.34-.248-1.63-.716a.7.7%200%200%201-.088-.168s.087-.021.163-.056c.294-.14.514-.344.594-.661c.09-.353.004-.728-.23-1.007c-.415-.47-.991-.708-1.713-.708c-.4%200-.755.076-.982.14c-.908.256-1.633.947-2.214%202.112c-.412.824-.7%201.912-.81%203.067c-.11%201.13-.056%202.085.019%202.949c.124%201.437.363%202.298.708%203.22a15.7%2015.7%200%200%200%201.609%203.19c.09-.094.15-.161.308-.318c.188-.19.724-.893.876-1.11c.19-.27.51-.779.664-1.147l.15.119c.16.127.252.348.249.592c-.003.215-.053.464-.184.922a8.7%208.7%200%200%201-.784%201.818c-.189.341-.27.508-.199.584c.015.015.038.03.06.026c.116%200%20.34-.117.585-.304c.222-.17.813-.672%201.527-1.675a15.5%2015.5%200%200%200%201.452-2.521c.12.046.255.101.317.226a.92.92%200%200%201%20.08.563c-.065.539-.379%201.353-.63%201.94c-.425.998-1.208%202.115-1.788%202.877c-.022.03-.163.197-.186.227c.9.792%201.944%201.555%203.007%202.136c.725.408%202.203%201.162%203.183%201.424c.98-.262%202.458-1.016%203.184-1.424a17%2017%200%200%200%203.003-2.134c-.05-.076-.13-.158-.183-.23c-.582-.763-1.365-1.881-1.79-2.875c-.25-.59-.563-1.405-.628-1.94c-.028-.221-.002-.417.08-.565c.033-.098.274-.218.317-.226c.405.884.887%201.73%201.452%202.522c.715%201.003%201.306%201.506%201.527%201.674c.248.191.467.304.586.304a.07.07%200%200%200%20.044-.012c.094-.069.017-.234-.183-.594a9%209%200%200%201-.786-1.822c-.13-.456-.18-.706-.182-.92c-.004-.246.088-.466.248-.594l.15-.118c.155.373.5.919.665%201.147c.15.216.685.919.876%201.11c.156.158.22.222.308.32a15.7%2015.7%200%200%200%201.609-3.19c.343-.923.583-1.784.707-3.222c.075-.86.128-1.81.02-2.948c-.101-1.116-.404-2.264-.81-3.068c-.249-.49-.605-1.112-1.171-1.566%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.043%203.629a3.2%203.2%200%200%200-1.048-.54a3%203%200%200%200-.937-.144h-.046c-.413.006-1.184.105-1.701.71a1.14%201.14%200%200%200-.226%201.023a.9.9%200%200%200%20.555.63s.088.032.228.058c-.04.078-.136.214-.136.214c-.179.265-.576.612-1.668.612h-.063c-.578-.038-1.056-.189-1.616-.915c-.347-.45-.523-1.207-.549-2.452c-.022-.624-.107-1.165-.256-1.6c-.1-.29-.333-.596-.557-.742a2.6%202.6%200%200%200-.694-.336c-.373-.12-.848-.14-1.204-.146c-.462-.01-.717.096-.878.292c-.027.033-.032.05-.068.046c-.084-.006-.272-.006-.328-.006c-.264%200-.498.043-.721.09c-.47.1-.761.295-1.019.503c-.12.095-.347.365-.399.653a.76.76%200%200%200%20.097.578c.14-.148.374-.264.816-.266c.493-.002%201.169.224%201.406.608c.336.547.27.99.199%201.517c-.183%201.347-.68%202.048-1.783%202.203q-.288.04-.56.04c-.776%200-1.34-.248-1.63-.716a.7.7%200%200%201-.088-.168s.087-.021.163-.056c.294-.14.514-.344.594-.661c.09-.353.004-.728-.23-1.007c-.415-.47-.991-.708-1.713-.708c-.4%200-.755.076-.982.14c-.908.256-1.633.947-2.214%202.112c-.412.824-.7%201.912-.81%203.067c-.11%201.13-.056%202.085.019%202.949c.124%201.437.363%202.298.708%203.22a15.7%2015.7%200%200%200%201.609%203.19c.09-.094.15-.161.308-.318c.188-.19.724-.893.876-1.11c.19-.27.51-.779.664-1.147l.15.119c.16.127.252.348.249.592c-.003.215-.053.464-.184.922a8.7%208.7%200%200%201-.784%201.818c-.189.341-.27.508-.199.584c.015.015.038.03.06.026c.116%200%20.34-.117.585-.304c.222-.17.813-.672%201.527-1.675a15.5%2015.5%200%200%200%201.452-2.521c.12.046.255.101.317.226a.92.92%200%200%201%20.08.563c-.065.539-.379%201.353-.63%201.94c-.425.998-1.208%202.115-1.788%202.877c-.022.03-.163.197-.186.227c.9.792%201.944%201.555%203.007%202.136c.725.408%202.203%201.162%203.183%201.424c.98-.262%202.458-1.016%203.184-1.424a17%2017%200%200%200%203.003-2.134c-.05-.076-.13-.158-.183-.23c-.582-.763-1.365-1.881-1.79-2.875c-.25-.59-.563-1.405-.628-1.94c-.028-.221-.002-.417.08-.565c.033-.098.274-.218.317-.226c.405.884.887%201.73%201.452%202.522c.715%201.003%201.306%201.506%201.527%201.674c.248.191.467.304.586.304a.07.07%200%200%200%20.044-.012c.094-.069.017-.234-.183-.594a9%209%200%200%201-.786-1.822c-.13-.456-.18-.706-.182-.92c-.004-.246.088-.466.248-.594l.15-.118c.155.373.5.919.665%201.147c.15.216.685.919.876%201.11c.156.158.22.222.308.32a15.7%2015.7%200%200%200%201.609-3.19c.343-.923.583-1.784.707-3.222c.075-.86.128-1.81.02-2.948c-.101-1.116-.404-2.264-.81-3.068c-.249-.49-.605-1.112-1.171-1.566%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/barclays.svg?color=%231a73e8&size=48
