netlify icon

netlify-solid from Teenyicons by smhmd · Solid · MIT Free for personal and commercial use.

Name: netlify-solid
Set: Teenyicons
Style: Solid
Viewbox: 15×15
License: MIT

1 other variant in Teenyicons

The same icon in other sets

netlifyBoxicons Brands netlifyCatppuccin Icons netlifyCoreUI Brands netlifyDevicon netlifySVG Logos netlifyMaterial Icon Theme netlifyPixelarticons netlifySimple Icons netlify-darkSkill Icons

Use the netlify icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M7.146.146a.5.5 0 0 1 .708 0l.98.98l-1.82 2.94l-2.706-1.081zM3.539 3.754L2.426 4.867L4.72 7.772L6.479 4.93zM1.714 5.579L.146 7.146a.5.5 0 0 0-.061.075l3.522.755zM.66 8.367l1.007 1.007l1.175-.54zm1.76 1.761l.52.52l.654-1.058zm1.246 1.246l3.48 3.48a.5.5 0 0 0 .708 0l.323-.324l.119-.615L4.819 9.51zm5.772 1.895l2.488-2.488l-1.93-.413zm3.33-3.33l1.781-1.78l-3.833-1.534l-.531 2.76zM14.92 7.23a.5.5 0 0 0-.066-.084L12.99 5.283l-1.368.628zm-2.684-2.7l-.937-.938l-.288 1.499zm-1.791-1.792l-.885-.885l-1.604 2.59l2.007.804zm-4.447 5.75L9.662 6.81l-.455 2.367zm.114 1.047l2.906.623l-.473 2.46zm.075-2.233l2.9-1.329l-1.665-.666z"/></svg>

React

import type { SVGProps } from "react";

export function TeenyiconsNetlifySolid(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M7.146.146a.5.5 0 0 1 .708 0l.98.98l-1.82 2.94l-2.706-1.081zM3.539 3.754L2.426 4.867L4.72 7.772L6.479 4.93zM1.714 5.579L.146 7.146a.5.5 0 0 0-.061.075l3.522.755zM.66 8.367l1.007 1.007l1.175-.54zm1.76 1.761l.52.52l.654-1.058zm1.246 1.246l3.48 3.48a.5.5 0 0 0 .708 0l.323-.324l.119-.615L4.819 9.51zm5.772 1.895l2.488-2.488l-1.93-.413zm3.33-3.33l1.781-1.78l-3.833-1.534l-.531 2.76zM14.92 7.23a.5.5 0 0 0-.066-.084L12.99 5.283l-1.368.628zm-2.684-2.7l-.937-.938l-.288 1.499zm-1.791-1.792l-.885-.885l-1.604 2.59l2.007.804zm-4.447 5.75L9.662 6.81l-.455 2.367zm.114 1.047l2.906.623l-.473 2.46zm.075-2.233l2.9-1.329l-1.665-.666z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M7.146.146a.5.5 0 0 1 .708 0l.98.98l-1.82 2.94l-2.706-1.081zM3.539 3.754L2.426 4.867L4.72 7.772L6.479 4.93zM1.714 5.579L.146 7.146a.5.5 0 0 0-.061.075l3.522.755zM.66 8.367l1.007 1.007l1.175-.54zm1.76 1.761l.52.52l.654-1.058zm1.246 1.246l3.48 3.48a.5.5 0 0 0 .708 0l.323-.324l.119-.615L4.819 9.51zm5.772 1.895l2.488-2.488l-1.93-.413zm3.33-3.33l1.781-1.78l-3.833-1.534l-.531 2.76zM14.92 7.23a.5.5 0 0 0-.066-.084L12.99 5.283l-1.368.628zm-2.684-2.7l-.937-.938l-.288 1.499zm-1.791-1.792l-.885-.885l-1.604 2.59l2.007.804zm-4.447 5.75L9.662 6.81l-.455 2.367zm.114 1.047l2.906.623l-.473 2.46zm.075-2.233l2.9-1.329l-1.665-.666z"/></svg>
</template>

CSS

.icon-netlify-solid {
  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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.146.146a.5.5%200%200%201%20.708%200l.98.98l-1.82%202.94l-2.706-1.081zM3.539%203.754L2.426%204.867L4.72%207.772L6.479%204.93zM1.714%205.579L.146%207.146a.5.5%200%200%200-.061.075l3.522.755zM.66%208.367l1.007%201.007l1.175-.54zm1.76%201.761l.52.52l.654-1.058zm1.246%201.246l3.48%203.48a.5.5%200%200%200%20.708%200l.323-.324l.119-.615L4.819%209.51zm5.772%201.895l2.488-2.488l-1.93-.413zm3.33-3.33l1.781-1.78l-3.833-1.534l-.531%202.76zM14.92%207.23a.5.5%200%200%200-.066-.084L12.99%205.283l-1.368.628zm-2.684-2.7l-.937-.938l-.288%201.499zm-1.791-1.792l-.885-.885l-1.604%202.59l2.007.804zm-4.447%205.75L9.662%206.81l-.455%202.367zm.114%201.047l2.906.623l-.473%202.46zm.075-2.233l2.9-1.329l-1.665-.666z%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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.146.146a.5.5%200%200%201%20.708%200l.98.98l-1.82%202.94l-2.706-1.081zM3.539%203.754L2.426%204.867L4.72%207.772L6.479%204.93zM1.714%205.579L.146%207.146a.5.5%200%200%200-.061.075l3.522.755zM.66%208.367l1.007%201.007l1.175-.54zm1.76%201.761l.52.52l.654-1.058zm1.246%201.246l3.48%203.48a.5.5%200%200%200%20.708%200l.323-.324l.119-.615L4.819%209.51zm5.772%201.895l2.488-2.488l-1.93-.413zm3.33-3.33l1.781-1.78l-3.833-1.534l-.531%202.76zM14.92%207.23a.5.5%200%200%200-.066-.084L12.99%205.283l-1.368.628zm-2.684-2.7l-.937-.938l-.288%201.499zm-1.791-1.792l-.885-.885l-1.604%202.59l2.007.804zm-4.447%205.75L9.662%206.81l-.455%202.367zm.114%201.047l2.906.623l-.473%202.46zm.075-2.233l2.9-1.329l-1.665-.666z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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