zoom logo

zoom from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.

Name: zoom
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

zoom-fillAkar Icons zoomBoxicons Brands zoomCoreUI Brands zoomHuge Icons zoomIconPark zoomIconPark Outline zoomIconPark Solid zoomIconPark TwoTone zoomSVG Logos zoomSimple Icons zoomTabler Icons

Use the zoom logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M134.2 390.6H19.8c-8 0-15.2-4.8-18.3-12.2s-1.4-15.8 4.3-21.5l79.3-79.3H28.3C12.7 277.6 0 265 0 249.4h105.5c8 0 15.2 4.8 18.3 12.2s1.4 15.9-4.3 21.6l-79.3 79.3h65.7c15.6 0 28.3 12.6 28.3 28.3zM640 302.3c0-30.4-24.7-55.1-55.1-55.1c-16.2 0-30.9 7.1-41 18.3c-10.1-11.2-24.7-18.3-41-18.3c-30.4 0-55.1 24.7-55.1 55.1v88.3c15.6 0 28.3-12.7 28.3-28.3v-60c0-14.8 12-26.8 26.8-26.8s26.8 12 26.8 26.8v60c0 15.6 12.6 28.3 28.3 28.3v-88.3c0-14.8 12-26.8 26.8-26.8s26.8 12 26.8 26.8v60c0 15.6 12.6 28.3 28.3 28.3v-88.3zM288.2 320c-1-26.6 12.7-51.7 35.6-65.3s51.4-13.6 74.3 0s36.6 38.7 35.6 65.3c1 26.6-12.7 51.7-35.6 65.3a72.75 72.75 0 0 1-74.3 0c-22.9-13.6-36.6-38.7-35.6-65.3m117.3 0c0-24.6-19.9-44.5-44.5-44.5s-44.5 19.9-44.5 44.5s19.9 44.5 44.5 44.5s44.5-19.9 44.5-44.5m-274.1 0c-1-26.6 12.7-51.7 35.6-65.3s51.4-13.6 74.3 0s36.6 38.7 35.6 65.3c1 26.6-12.7 51.7-35.6 65.3a72.75 72.75 0 0 1-74.3 0c-22.9-13.6-36.6-38.7-35.6-65.3m117.3 0c0-24.6-19.9-44.5-44.5-44.5s-44.5 19.9-44.5 44.5s19.9 44.5 44.5 44.5s44.5-19.9 44.5-44.5"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsZoom(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M134.2 390.6H19.8c-8 0-15.2-4.8-18.3-12.2s-1.4-15.8 4.3-21.5l79.3-79.3H28.3C12.7 277.6 0 265 0 249.4h105.5c8 0 15.2 4.8 18.3 12.2s1.4 15.9-4.3 21.6l-79.3 79.3h65.7c15.6 0 28.3 12.6 28.3 28.3zM640 302.3c0-30.4-24.7-55.1-55.1-55.1c-16.2 0-30.9 7.1-41 18.3c-10.1-11.2-24.7-18.3-41-18.3c-30.4 0-55.1 24.7-55.1 55.1v88.3c15.6 0 28.3-12.7 28.3-28.3v-60c0-14.8 12-26.8 26.8-26.8s26.8 12 26.8 26.8v60c0 15.6 12.6 28.3 28.3 28.3v-88.3c0-14.8 12-26.8 26.8-26.8s26.8 12 26.8 26.8v60c0 15.6 12.6 28.3 28.3 28.3v-88.3zM288.2 320c-1-26.6 12.7-51.7 35.6-65.3s51.4-13.6 74.3 0s36.6 38.7 35.6 65.3c1 26.6-12.7 51.7-35.6 65.3a72.75 72.75 0 0 1-74.3 0c-22.9-13.6-36.6-38.7-35.6-65.3m117.3 0c0-24.6-19.9-44.5-44.5-44.5s-44.5 19.9-44.5 44.5s19.9 44.5 44.5 44.5s44.5-19.9 44.5-44.5m-274.1 0c-1-26.6 12.7-51.7 35.6-65.3s51.4-13.6 74.3 0s36.6 38.7 35.6 65.3c1 26.6-12.7 51.7-35.6 65.3a72.75 72.75 0 0 1-74.3 0c-22.9-13.6-36.6-38.7-35.6-65.3m117.3 0c0-24.6-19.9-44.5-44.5-44.5s-44.5 19.9-44.5 44.5s19.9 44.5 44.5 44.5s44.5-19.9 44.5-44.5"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M134.2 390.6H19.8c-8 0-15.2-4.8-18.3-12.2s-1.4-15.8 4.3-21.5l79.3-79.3H28.3C12.7 277.6 0 265 0 249.4h105.5c8 0 15.2 4.8 18.3 12.2s1.4 15.9-4.3 21.6l-79.3 79.3h65.7c15.6 0 28.3 12.6 28.3 28.3zM640 302.3c0-30.4-24.7-55.1-55.1-55.1c-16.2 0-30.9 7.1-41 18.3c-10.1-11.2-24.7-18.3-41-18.3c-30.4 0-55.1 24.7-55.1 55.1v88.3c15.6 0 28.3-12.7 28.3-28.3v-60c0-14.8 12-26.8 26.8-26.8s26.8 12 26.8 26.8v60c0 15.6 12.6 28.3 28.3 28.3v-88.3c0-14.8 12-26.8 26.8-26.8s26.8 12 26.8 26.8v60c0 15.6 12.6 28.3 28.3 28.3v-88.3zM288.2 320c-1-26.6 12.7-51.7 35.6-65.3s51.4-13.6 74.3 0s36.6 38.7 35.6 65.3c1 26.6-12.7 51.7-35.6 65.3a72.75 72.75 0 0 1-74.3 0c-22.9-13.6-36.6-38.7-35.6-65.3m117.3 0c0-24.6-19.9-44.5-44.5-44.5s-44.5 19.9-44.5 44.5s19.9 44.5 44.5 44.5s44.5-19.9 44.5-44.5m-274.1 0c-1-26.6 12.7-51.7 35.6-65.3s51.4-13.6 74.3 0s36.6 38.7 35.6 65.3c1 26.6-12.7 51.7-35.6 65.3a72.75 72.75 0 0 1-74.3 0c-22.9-13.6-36.6-38.7-35.6-65.3m117.3 0c0-24.6-19.9-44.5-44.5-44.5s-44.5 19.9-44.5 44.5s19.9 44.5 44.5 44.5s44.5-19.9 44.5-44.5"/></svg>
</template>

CSS

.icon-zoom {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M134.2%20390.6H19.8c-8%200-15.2-4.8-18.3-12.2s-1.4-15.8%204.3-21.5l79.3-79.3H28.3C12.7%20277.6%200%20265%200%20249.4h105.5c8%200%2015.2%204.8%2018.3%2012.2s1.4%2015.9-4.3%2021.6l-79.3%2079.3h65.7c15.6%200%2028.3%2012.6%2028.3%2028.3zM640%20302.3c0-30.4-24.7-55.1-55.1-55.1c-16.2%200-30.9%207.1-41%2018.3c-10.1-11.2-24.7-18.3-41-18.3c-30.4%200-55.1%2024.7-55.1%2055.1v88.3c15.6%200%2028.3-12.7%2028.3-28.3v-60c0-14.8%2012-26.8%2026.8-26.8s26.8%2012%2026.8%2026.8v60c0%2015.6%2012.6%2028.3%2028.3%2028.3v-88.3c0-14.8%2012-26.8%2026.8-26.8s26.8%2012%2026.8%2026.8v60c0%2015.6%2012.6%2028.3%2028.3%2028.3v-88.3zM288.2%20320c-1-26.6%2012.7-51.7%2035.6-65.3s51.4-13.6%2074.3%200s36.6%2038.7%2035.6%2065.3c1%2026.6-12.7%2051.7-35.6%2065.3a72.75%2072.75%200%200%201-74.3%200c-22.9-13.6-36.6-38.7-35.6-65.3m117.3%200c0-24.6-19.9-44.5-44.5-44.5s-44.5%2019.9-44.5%2044.5s19.9%2044.5%2044.5%2044.5s44.5-19.9%2044.5-44.5m-274.1%200c-1-26.6%2012.7-51.7%2035.6-65.3s51.4-13.6%2074.3%200s36.6%2038.7%2035.6%2065.3c1%2026.6-12.7%2051.7-35.6%2065.3a72.75%2072.75%200%200%201-74.3%200c-22.9-13.6-36.6-38.7-35.6-65.3m117.3%200c0-24.6-19.9-44.5-44.5-44.5s-44.5%2019.9-44.5%2044.5s19.9%2044.5%2044.5%2044.5s44.5-19.9%2044.5-44.5%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M134.2%20390.6H19.8c-8%200-15.2-4.8-18.3-12.2s-1.4-15.8%204.3-21.5l79.3-79.3H28.3C12.7%20277.6%200%20265%200%20249.4h105.5c8%200%2015.2%204.8%2018.3%2012.2s1.4%2015.9-4.3%2021.6l-79.3%2079.3h65.7c15.6%200%2028.3%2012.6%2028.3%2028.3zM640%20302.3c0-30.4-24.7-55.1-55.1-55.1c-16.2%200-30.9%207.1-41%2018.3c-10.1-11.2-24.7-18.3-41-18.3c-30.4%200-55.1%2024.7-55.1%2055.1v88.3c15.6%200%2028.3-12.7%2028.3-28.3v-60c0-14.8%2012-26.8%2026.8-26.8s26.8%2012%2026.8%2026.8v60c0%2015.6%2012.6%2028.3%2028.3%2028.3v-88.3c0-14.8%2012-26.8%2026.8-26.8s26.8%2012%2026.8%2026.8v60c0%2015.6%2012.6%2028.3%2028.3%2028.3v-88.3zM288.2%20320c-1-26.6%2012.7-51.7%2035.6-65.3s51.4-13.6%2074.3%200s36.6%2038.7%2035.6%2065.3c1%2026.6-12.7%2051.7-35.6%2065.3a72.75%2072.75%200%200%201-74.3%200c-22.9-13.6-36.6-38.7-35.6-65.3m117.3%200c0-24.6-19.9-44.5-44.5-44.5s-44.5%2019.9-44.5%2044.5s19.9%2044.5%2044.5%2044.5s44.5-19.9%2044.5-44.5m-274.1%200c-1-26.6%2012.7-51.7%2035.6-65.3s51.4-13.6%2074.3%200s36.6%2038.7%2035.6%2065.3c1%2026.6-12.7%2051.7-35.6%2065.3a72.75%2072.75%200%200%201-74.3%200c-22.9-13.6-36.6-38.7-35.6-65.3m117.3%200c0-24.6-19.9-44.5-44.5-44.5s-44.5%2019.9-44.5%2044.5s19.9%2044.5%2044.5%2044.5s44.5-19.9%2044.5-44.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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