Surge icon

logos:surge

The Surge icon (logos:surge) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 380 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 256 × 380

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="380" viewBox="0 0 256 380"><path fill="#564740" d="M245.829 92.642c-2.59-2.167-5.503-4.767-13.489-6.826v-.109c11.439-29.472 3.561-41.174-7.446-50.384c-7.986-6.718-21.907-8.018-32.806-5.526C180.325 7.91 153.562.217 128.202 0C102.843.217 76.08 7.91 64.209 29.689c-10.899-2.492-24.82-1.084-32.806 5.526c-11.007 9.21-18.885 20.912-7.446 50.384v.108c-7.986 2.059-10.791 4.768-13.381 6.935C4.856 97.084 0 104.019 0 114.313c.54 16.361 13.489 140.425 13.489 140.425c0 .325.324.65.648.65c.216 0 .324-.108.431-.216l11.655-10.944v17.662c0 .433.324.65.648.65c.108 0 .324 0 .431-.217l19.749-17.12v10.294c0 .433.323.65.647.65c.216 0 .324-.108.432-.217l11.115-10.727l7.662-7.368c.432 39.549-1.079 87.658-7.878 132.408c-1.079 7.26 2.914 8.993 6.475 8.993c1.943 0 3.669-.541 4.532-.975c10.9-5.743 19.965-28.605 25.9-54.068c4.964-21.129 10.468-48.651 15.648-82.132c2.374 1.192 9.388 3.359 16.403 3.359s13.921-2.167 16.403-3.359c5.072 33.373 10.683 60.895 15.647 82.132c5.936 25.463 15 48.325 25.9 54.068c.863.434 2.698.975 4.532.975c3.561 0 7.662-1.733 6.475-8.993c-6.799-44.642-8.309-92.75-7.878-132.408l7.662 7.368l11.115 10.727c.108.109.324.217.432.217c.324 0 .648-.325.648-.65v-10.294l19.748 17.12c.108.108.324.217.432.217c.323 0 .647-.325.647-.65v-17.662l11.655 10.944c.108.108.323.216.431.216c.324 0 .648-.216.648-.65c0 0 12.95-123.956 13.489-140.425c.432-10.294-4.424-17.229-10.144-21.671"/><path fill="#483a34" d="m132.195 181.925l-3.993-3.792l-3.992 3.792v.108l-4.641 4.66c2.698 2.817 5.612 4.334 8.633 4.334c3.022 0 5.936-1.517 8.634-4.334z"/><path fill="#aad9bd" d="M140.936 194.927h-25.468l-1.079 8.452h27.627z"/><path fill="#f7e3d6" d="M110.828 195.469s-3.345 24.596-4.532 33.156c-9.713 66.421-23.418 136.2-39.173 143.027c-1.187.541-2.266-.542-2.159-1.734c1.943-10.51 6.367-38.249 7.77-63.062c1.079-18.42 1.511-51.793 1.619-86.249l9.497-9.102c.755-.758 1.942-.433 1.942.759v8.56z"/><path fill="#faf1eb" d="M85.684 220.932v-8.56c0-1.192-1.187-1.517-1.942-.758l-5.936 5.634c-.107 2.926-1.402 55.26-1.402 66.096c0 30.122-7.77 77.364-7.015 77.364c6.799 0 16.295-102.394 19.425-143.135z"/><path fill="#f7e3d6" d="M145.577 195.469s3.345 24.596 4.532 33.156c9.712 66.421 23.418 136.2 39.173 143.027c1.187.541 2.266-.542 2.158-1.734c-1.942-10.51-6.367-38.249-7.769-63.062c-1.08-18.42-1.511-51.793-1.619-86.249l-9.497-9.102c-.755-.758-1.942-.433-1.942.759v8.56z"/><path fill="#63c199" d="M227.052 90.15c-5.504-.867-22.338-.65-22.554-.65l21.043-4.876c16.08-34.348-8.525-50.709-23.417-50.709c-5.072 0-18.345 1.842-19.856 1.842c0 0 2.482-.326 3.129-.976c0-6.393-17.806-27.521-57.195-27.521c-39.28 0-57.194 21.128-57.194 27.521c.647.65 3.129.976 3.129.976c-1.511 0-14.784-1.842-19.856-1.842c-14.784 0-39.497 16.252-23.417 50.709L51.907 89.5c-.108 0-17.051-.109-22.554.65c-7.554 1.192-22.339 9.318-22.339 23.729c0 6.718 2.806 26.547 2.806 26.547h236.657s2.806-19.829 2.806-26.547c.108-14.411-14.677-22.537-22.231-23.729"/><path fill="#c5e4d0" d="M217.664 47.025c-3.562-2.6-8.31-3.684-14.677-3.684c0 0-2.806.109-4.424.325c-15.216 1.951-20.612 10.186-35.288 10.186c-7.446 0-3.454-17.77-3.454-17.77s18.777.433 18.777-.867c0-5.743-22.122-22.321-48.885-22.321h-3.237c-26.763 0-48.886 16.578-48.886 22.321c0 1.3 18.778.867 18.778.867s4.1 17.77-3.454 17.77c-14.676 0-20.072-8.235-35.288-10.186c-1.618-.216-4.424-.325-4.424-.325c-6.367 0-11.115 1.084-14.677 3.684c-4.964 3.684-15.108 17.445 2.59 40.091L51.691 89.5h152.591l10.576-2.384c17.914-22.754 7.77-36.515 2.806-40.091"/><path fill="#483a34" d="M55.468 58.077q-1.618 0-2.914.975c.324.326.432.651.432 1.084c0 .867-.647 1.517-1.511 1.517q-.485 0-.971-.325c-.54.975-.755 2.167-.755 3.359c0 3.684 2.59 6.609 5.827 6.609s5.827-2.925 5.827-6.609c-.107-3.684-2.697-6.61-5.935-6.61"/><path fill="#fbf9f6" d="M54.281 60.136c0-.758-.324-1.517-.863-1.95c-.54-.542-1.187-.867-1.943-.867c-1.511 0-2.806 1.3-2.806 2.817c0 .867.432 1.734 1.08 2.275c.431.326 1.079.542 1.726.542c1.511 0 2.806-1.3 2.806-2.817"/><path fill="#564740" d="m123.562 101.96l-6.691-6.284l6.799 6.393z"/><path fill="#a8e1c2" d="m77.914 217.14l-3.561 3.467zm5.828-5.635l-5.828 5.635z"/><path fill="#564740" d="m123.994 102.394l2.806 2.6l-3.13-2.925z"/><path fill="#483a34" d="M202.987 58.077a4.72 4.72 0 0 0-2.913.975c.323.326.431.651.431 1.084c0 .867-.647 1.517-1.511 1.517q-.485 0-.971-.325c-.539.975-.755 2.167-.755 3.359c0 3.684 2.59 6.609 5.827 6.609s5.828-2.925 5.828-6.609c-.108-3.684-2.698-6.61-5.936-6.61"/><path fill="#fbf9f6" d="M201.8 60.136c0-.758-.324-1.517-.863-1.95c-.54-.542-1.187-.867-1.943-.867c-1.51 0-2.805 1.3-2.805 2.817c0 .867.431 1.734 1.079 2.275c.431.326 1.079.542 1.726.542c1.511 0 2.806-1.3 2.806-2.817"/><path fill="#564740" d="m132.843 101.96l6.69-6.284l-6.798 6.393z"/><path fill="#faf1eb" d="M170.721 220.932v-8.56c0-1.192 1.187-1.517 1.942-.758l5.935 5.634c.108 2.926 1.403 55.26 1.403 66.096c0 30.122 7.77 77.364 7.015 77.364c-6.799 0-16.295-102.394-19.425-143.135z"/><path fill="#a8e1c2" d="m178.491 217.14l3.561 3.467zm-5.828-5.635l5.828 5.635z"/><path fill="#564740" d="m132.411 102.394l-2.806 2.6l3.13-2.925z"/><path fill="#aad9bd" d="M207.951 110.195c-23.201-10.077-57.842-13.652-68.418-14.519l-6.798 6.393l-.324.325l-2.806 2.6c-.323.325-.863.542-1.403.542c-.539 0-.971-.217-1.402-.542l-2.806-2.6l-.324-.325l-6.799-6.393c-10.575.867-45.216 4.442-68.417 14.519C23.525 121.03 9.82 141.293 9.82 140.426l1.187 12.894v-.109c37.447-43.016 113.095 28.606 113.095 28.606l3.992-3.793l3.993 3.793s75.649-71.622 113.095-28.606v.109l1.187-12.894c.216.867-13.489-19.396-38.418-30.231"/><path fill="#c5e4d0" d="m124.21 181.925l-5.072-52.443c-5.396 7.043-15.108 13.327-31.08 13.327c-24.82 0-39.496-32.614-76.943 10.402l7.662 83.541l.54 4.009l10.575-10.836l1.295-72.921l1.619-1.084l.54 91.45l12.518-10.835l5.719-4.984c.432-21.346 1.079-58.078 1.079-58.078l1.727-1.191l.324 67.395l10.251-9.86l.648-.65l6.151-5.959c.324-17.337.648-33.807.648-33.807l1.726-1.517l.216 32.94l3.561-3.468l5.936-5.634c.323-.325.647-.433.971-.433c.539 0 .971.433.971 1.192v8.559z"/><path fill="#564740" d="M157.016 82.348c-.324-.108-.648-.216-.972-.216H100.36c-.323 0-.755.108-.971.216c-.755.434-1.187 1.301-.755 2.059l.324.434l24.604 23.187l.108.109l3.13 2.925c.323.325.863.542 1.402.542c.54 0 .972-.217 1.403-.542l3.13-2.925l.108-.109l24.604-23.187c.108-.109.216-.217.324-.434a1.43 1.43 0 0 0-.755-2.059"/><path fill="#c5e4d0" d="m132.195 181.925l5.072-52.443c5.396 7.043 15.108 13.327 31.08 13.327c24.82 0 39.496-32.614 76.943 10.402l-7.662 83.541l-.54 4.009l-10.575-10.836l-1.295-72.921l-1.619-1.084l-.54 91.45l-12.518-10.835l-5.719-4.984c-.432-21.346-1.079-58.078-1.079-58.078l-1.727-1.191l-.324 67.395l-10.252-9.86l-.647-.65l-6.151-5.959c-.324-17.337-.648-33.807-.648-33.807l-1.726-1.517l-.216 32.94l-3.561-3.468l-5.936-5.634c-.323-.325-.647-.433-.971-.433c-.54 0-.971.433-.971 1.192v8.559z"/><path fill="#564740" d="M232.34 68.479c0-2.167 0-4.226-.108-6.284v23.512c.108-17.661.108-16.794.108-17.228"/><path fill="#aad9bd" d="M92.375 60.569c12.302 0 4.964-20.262 4.964-20.262s.971 8.344-8.525 8.344c-18.346 0-18.346-6.393-33.022-6.393c-12.087 0-15.971 3.901-15.971 3.901c27.841-6.718 34.748 14.41 52.554 14.41"/><path fill="#c5e4d0" d="m141.908 202.62l-6.691-6.717c-2.374.325-4.64.433-7.015.433s-4.748-.217-7.014-.433l-6.691 6.717l-4.1 30.123c4.964 4.117 10.899 5.851 17.59 5.851h.431c6.799 0 12.626-1.734 17.59-5.851z"/><path fill="#63c199" d="m140.181 190.051l-3.345-3.467c-2.698 2.817-5.612 4.334-8.634 4.334c-3.021 0-5.935-1.517-8.633-4.334l-3.345 3.467l-.648 4.876c.756.217 1.403.326 2.159.434c3.453.65 6.906.975 10.467.975s7.123-.325 10.468-.975c.756-.108 1.511-.325 2.158-.434z"/><path fill="#aad9bd" d="M164.03 60.569c-12.302 0-4.964-20.262-4.964-20.262s-.971 8.344 8.525 8.344c18.346 0 18.346-6.393 33.022-6.393c12.086 0 15.972 3.901 15.972 3.901c-27.843-6.718-34.749 14.41-52.555 14.41"/></svg>

How to use the Surge icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:surge" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:surge" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:surge" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--surge]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:surge"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:surge"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/surge.svg" alt="Surge icon" width="24" height="24">

Surge icon FAQ

Is the Surge icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Surge icon in React?

Install @iconify/react and render <Icon icon="logos:surge" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Surge icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/surge.svg" alt="Surge icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →