spring logo

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

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

The same logo in other sets

springDevicon springSVG Logos springSimple Icons spring-darkSkill Icons

Use the spring logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M29.094 1.661a14.6 14.6 0 0 1-1.708 3.031A16.06 16.06 0 0 0 16.042-.001C7.24-.001 0 7.239 0 16.041a16.04 16.04 0 0 0 4.984 11.62l.589.526a16.07 16.07 0 0 0 10.333 3.776c8.37 0 15.401-6.552 16-14.896c.438-4.089-.766-9.255-2.813-15.401zM7.26 27.755a1.35 1.35 0 0 1-1.063.505c-.76 0-1.37-.615-1.375-1.37c0-.755.625-1.375 1.375-1.375c1.151.005 1.792 1.344 1.063 2.24m21.771-4.802c-3.958 5.271-12.417 3.495-17.833 3.75c0 0-.964.057-1.932.214c0 0 .365-.151.833-.333c3.807-1.323 5.604-1.578 7.917-2.766c4.354-2.214 8.661-7.057 9.557-12.094c-1.661 4.849-6.688 9.01-11.266 10.703c-3.135 1.156-8.802 2.281-8.802 2.281l-.229-.12c-3.859-1.875-3.974-10.229 3.036-12.927c3.068-1.177 6.01-.531 9.323-1.318c3.542-.844 7.641-3.5 9.307-6.964c1.865 5.542 4.109 14.214.089 19.573z"/></svg>

React

import type { SVGProps } from "react";

export function CibSpring(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.094 1.661a14.6 14.6 0 0 1-1.708 3.031A16.06 16.06 0 0 0 16.042-.001C7.24-.001 0 7.239 0 16.041a16.04 16.04 0 0 0 4.984 11.62l.589.526a16.07 16.07 0 0 0 10.333 3.776c8.37 0 15.401-6.552 16-14.896c.438-4.089-.766-9.255-2.813-15.401zM7.26 27.755a1.35 1.35 0 0 1-1.063.505c-.76 0-1.37-.615-1.375-1.37c0-.755.625-1.375 1.375-1.375c1.151.005 1.792 1.344 1.063 2.24m21.771-4.802c-3.958 5.271-12.417 3.495-17.833 3.75c0 0-.964.057-1.932.214c0 0 .365-.151.833-.333c3.807-1.323 5.604-1.578 7.917-2.766c4.354-2.214 8.661-7.057 9.557-12.094c-1.661 4.849-6.688 9.01-11.266 10.703c-3.135 1.156-8.802 2.281-8.802 2.281l-.229-.12c-3.859-1.875-3.974-10.229 3.036-12.927c3.068-1.177 6.01-.531 9.323-1.318c3.542-.844 7.641-3.5 9.307-6.964c1.865 5.542 4.109 14.214.089 19.573z"/></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.094 1.661a14.6 14.6 0 0 1-1.708 3.031A16.06 16.06 0 0 0 16.042-.001C7.24-.001 0 7.239 0 16.041a16.04 16.04 0 0 0 4.984 11.62l.589.526a16.07 16.07 0 0 0 10.333 3.776c8.37 0 15.401-6.552 16-14.896c.438-4.089-.766-9.255-2.813-15.401zM7.26 27.755a1.35 1.35 0 0 1-1.063.505c-.76 0-1.37-.615-1.375-1.37c0-.755.625-1.375 1.375-1.375c1.151.005 1.792 1.344 1.063 2.24m21.771-4.802c-3.958 5.271-12.417 3.495-17.833 3.75c0 0-.964.057-1.932.214c0 0 .365-.151.833-.333c3.807-1.323 5.604-1.578 7.917-2.766c4.354-2.214 8.661-7.057 9.557-12.094c-1.661 4.849-6.688 9.01-11.266 10.703c-3.135 1.156-8.802 2.281-8.802 2.281l-.229-.12c-3.859-1.875-3.974-10.229 3.036-12.927c3.068-1.177 6.01-.531 9.323-1.318c3.542-.844 7.641-3.5 9.307-6.964c1.865 5.542 4.109 14.214.089 19.573z"/></svg>
</template>

CSS

.icon-spring {
  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.094%201.661a14.6%2014.6%200%200%201-1.708%203.031A16.06%2016.06%200%200%200%2016.042-.001C7.24-.001%200%207.239%200%2016.041a16.04%2016.04%200%200%200%204.984%2011.62l.589.526a16.07%2016.07%200%200%200%2010.333%203.776c8.37%200%2015.401-6.552%2016-14.896c.438-4.089-.766-9.255-2.813-15.401zM7.26%2027.755a1.35%201.35%200%200%201-1.063.505c-.76%200-1.37-.615-1.375-1.37c0-.755.625-1.375%201.375-1.375c1.151.005%201.792%201.344%201.063%202.24m21.771-4.802c-3.958%205.271-12.417%203.495-17.833%203.75c0%200-.964.057-1.932.214c0%200%20.365-.151.833-.333c3.807-1.323%205.604-1.578%207.917-2.766c4.354-2.214%208.661-7.057%209.557-12.094c-1.661%204.849-6.688%209.01-11.266%2010.703c-3.135%201.156-8.802%202.281-8.802%202.281l-.229-.12c-3.859-1.875-3.974-10.229%203.036-12.927c3.068-1.177%206.01-.531%209.323-1.318c3.542-.844%207.641-3.5%209.307-6.964c1.865%205.542%204.109%2014.214.089%2019.573z%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.094%201.661a14.6%2014.6%200%200%201-1.708%203.031A16.06%2016.06%200%200%200%2016.042-.001C7.24-.001%200%207.239%200%2016.041a16.04%2016.04%200%200%200%204.984%2011.62l.589.526a16.07%2016.07%200%200%200%2010.333%203.776c8.37%200%2015.401-6.552%2016-14.896c.438-4.089-.766-9.255-2.813-15.401zM7.26%2027.755a1.35%201.35%200%200%201-1.063.505c-.76%200-1.37-.615-1.375-1.37c0-.755.625-1.375%201.375-1.375c1.151.005%201.792%201.344%201.063%202.24m21.771-4.802c-3.958%205.271-12.417%203.495-17.833%203.75c0%200-.964.057-1.932.214c0%200%20.365-.151.833-.333c3.807-1.323%205.604-1.578%207.917-2.766c4.354-2.214%208.661-7.057%209.557-12.094c-1.661%204.849-6.688%209.01-11.266%2010.703c-3.135%201.156-8.802%202.281-8.802%202.281l-.229-.12c-3.859-1.875-3.974-10.229%203.036-12.927c3.068-1.177%206.01-.531%209.323-1.318c3.542-.844%207.641-3.5%209.307-6.964c1.865%205.542%204.109%2014.214.089%2019.573z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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