svgo logo

svgo from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name: svgo
Set: Devicon
Style: Original
Viewbox: 128×128
License: MIT

1 other variant in Devicon

The same logo in other sets

svgoMaterial Icon Theme svgoSimple Icons

Use the svgo logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVGe8GOYbwn" x1="29.49" x2="169.71" y1="29.48" y2="169.7" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#45afe4"/><stop offset="1" stop-color="#364f9e"/></linearGradient><linearGradient id="SVGJueaZf4v" x1="28.05" x2="168.27" y1="30.92" y2="171.14" gradientTransform="translate(.006)scale(.63997)" href="#SVGe8GOYbwn"/><linearGradient id="SVGjKyrtbBu" x1="29.49" x2="169.71" y1="29.48" y2="169.7" gradientTransform="translate(.006)scale(.63997)" gradientUnits="userSpaceOnUse" href="#SVGe8GOYbwn"/></defs><path fill="url(#SVGjKyrtbBu)" d="M117.165 51.044a55.4 55.4 0 0 0-6.623-15.206c2.195-3.09 4.3-6.252 6.252-9.6l-15.077-15.032c-3.43 2.01-6.682 4.185-9.862 6.457a54.7 54.7 0 0 0-14.72-6.073c-.64-3.84-1.427-7.725-2.438-11.59H53.335c-.998 3.789-1.747 7.577-2.387 11.366a55 55 0 0 0-15.174 6.016c-3.052-2.17-6.182-4.256-9.478-6.176L11.212 26.284c1.818 3.103 3.77 6.066 5.798 8.959a55.1 55.1 0 0 0-7.04 15.935a134 134 0 0 0-9.964 2.15v21.337c3.091.806 6.17 1.46 9.26 2.022a55.1 55.1 0 0 0 6.836 17.388a115 115 0 0 0-4.89 7.635l15.084 15.084c2.56-1.485 4.986-3.059 7.366-4.697a55.1 55.1 0 0 0 17.817 7.423a121 121 0 0 0 1.856 8.48h21.337c.755-2.899 1.369-5.792 1.92-8.697a54.9 54.9 0 0 0 17.368-7.5c2.515 1.74 5.12 3.423 7.77 4.991l15.077-15.084c-1.677-2.86-3.481-5.606-5.357-8.32a55.2 55.2 0 0 0 6.4-16.581c3.38-.595 6.765-1.28 10.144-2.163V53.328c-3.603-.934-7.22-1.67-10.829-2.284m-37.4 51.255a40.32 40.32 0 0 1-31.703.3a.2.2 0 0 0 0-.083s0 .039-.052.045a40.48 40.48 0 0 1-22.008-22.565c-.07-.18-.147-.358-.205-.538a40.22 40.22 0 0 1 .787-30.078c.23-.55.48-1.088.749-1.626a40.6 40.6 0 0 1 20.396-19.448a39 39 0 0 1 2.694-1.043a40.3 40.3 0 0 1 13.151-2.202a39.9 39.9 0 0 1 13.817 2.458a40 40 0 0 1 2.97 1.222a40.5 40.5 0 0 1 19.43 18.937c.383.774.742 1.574 1.074 2.38a40.32 40.32 0 0 1 .755 28.658a24 24 0 0 1-.492 1.331a40.52 40.52 0 0 1-21.12 22.13a2 2 0 0 1-.242.122z"/><path fill="url(#SVGJueaZf4v)" d="M92.623 77.96a8.102 8.102 0 0 0-13.612-4.172l-6.4-4.761a11.07 11.07 0 0 0-2.918-14.463l5.19-8.877a5.523 5.523 0 1 0-2.215-1.28l-5.17 8.877a11.046 11.046 0 0 0-14.265 5.03l-10.989-4.32v-.109a5.12 5.12 0 1 0-.953 2.496l11 4.313A11.06 11.06 0 0 0 56.03 72.01l-5.12 7.98a6.841 6.841 0 1 0 2.157 1.383l5.12-7.974a11.07 11.07 0 0 0 12.895-2.33l6.4 4.78a8.102 8.102 0 1 0 15.135 2.113z"/></svg>

React

import type { SVGProps } from "react";

export function DeviconSvgo(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVGe8GOYbwn" x1="29.49" x2="169.71" y1="29.48" y2="169.7" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#45afe4"/><stop offset="1" stopColor="#364f9e"/></linearGradient><linearGradient id="SVGJueaZf4v" x1="28.05" x2="168.27" y1="30.92" y2="171.14" gradientTransform="translate(.006)scale(.63997)" href="#SVGe8GOYbwn"/><linearGradient id="SVGjKyrtbBu" x1="29.49" x2="169.71" y1="29.48" y2="169.7" gradientTransform="translate(.006)scale(.63997)" gradientUnits="userSpaceOnUse" href="#SVGe8GOYbwn"/></defs><path fill="url(#SVGjKyrtbBu)" d="M117.165 51.044a55.4 55.4 0 0 0-6.623-15.206c2.195-3.09 4.3-6.252 6.252-9.6l-15.077-15.032c-3.43 2.01-6.682 4.185-9.862 6.457a54.7 54.7 0 0 0-14.72-6.073c-.64-3.84-1.427-7.725-2.438-11.59H53.335c-.998 3.789-1.747 7.577-2.387 11.366a55 55 0 0 0-15.174 6.016c-3.052-2.17-6.182-4.256-9.478-6.176L11.212 26.284c1.818 3.103 3.77 6.066 5.798 8.959a55.1 55.1 0 0 0-7.04 15.935a134 134 0 0 0-9.964 2.15v21.337c3.091.806 6.17 1.46 9.26 2.022a55.1 55.1 0 0 0 6.836 17.388a115 115 0 0 0-4.89 7.635l15.084 15.084c2.56-1.485 4.986-3.059 7.366-4.697a55.1 55.1 0 0 0 17.817 7.423a121 121 0 0 0 1.856 8.48h21.337c.755-2.899 1.369-5.792 1.92-8.697a54.9 54.9 0 0 0 17.368-7.5c2.515 1.74 5.12 3.423 7.77 4.991l15.077-15.084c-1.677-2.86-3.481-5.606-5.357-8.32a55.2 55.2 0 0 0 6.4-16.581c3.38-.595 6.765-1.28 10.144-2.163V53.328c-3.603-.934-7.22-1.67-10.829-2.284m-37.4 51.255a40.32 40.32 0 0 1-31.703.3a.2.2 0 0 0 0-.083s0 .039-.052.045a40.48 40.48 0 0 1-22.008-22.565c-.07-.18-.147-.358-.205-.538a40.22 40.22 0 0 1 .787-30.078c.23-.55.48-1.088.749-1.626a40.6 40.6 0 0 1 20.396-19.448a39 39 0 0 1 2.694-1.043a40.3 40.3 0 0 1 13.151-2.202a39.9 39.9 0 0 1 13.817 2.458a40 40 0 0 1 2.97 1.222a40.5 40.5 0 0 1 19.43 18.937c.383.774.742 1.574 1.074 2.38a40.32 40.32 0 0 1 .755 28.658a24 24 0 0 1-.492 1.331a40.52 40.52 0 0 1-21.12 22.13a2 2 0 0 1-.242.122z"/><path fill="url(#SVGJueaZf4v)" d="M92.623 77.96a8.102 8.102 0 0 0-13.612-4.172l-6.4-4.761a11.07 11.07 0 0 0-2.918-14.463l5.19-8.877a5.523 5.523 0 1 0-2.215-1.28l-5.17 8.877a11.046 11.046 0 0 0-14.265 5.03l-10.989-4.32v-.109a5.12 5.12 0 1 0-.953 2.496l11 4.313A11.06 11.06 0 0 0 56.03 72.01l-5.12 7.98a6.841 6.841 0 1 0 2.157 1.383l5.12-7.974a11.07 11.07 0 0 0 12.895-2.33l6.4 4.78a8.102 8.102 0 1 0 15.135 2.113z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVGe8GOYbwn" x1="29.49" x2="169.71" y1="29.48" y2="169.7" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#45afe4"/><stop offset="1" stop-color="#364f9e"/></linearGradient><linearGradient id="SVGJueaZf4v" x1="28.05" x2="168.27" y1="30.92" y2="171.14" gradientTransform="translate(.006)scale(.63997)" href="#SVGe8GOYbwn"/><linearGradient id="SVGjKyrtbBu" x1="29.49" x2="169.71" y1="29.48" y2="169.7" gradientTransform="translate(.006)scale(.63997)" gradientUnits="userSpaceOnUse" href="#SVGe8GOYbwn"/></defs><path fill="url(#SVGjKyrtbBu)" d="M117.165 51.044a55.4 55.4 0 0 0-6.623-15.206c2.195-3.09 4.3-6.252 6.252-9.6l-15.077-15.032c-3.43 2.01-6.682 4.185-9.862 6.457a54.7 54.7 0 0 0-14.72-6.073c-.64-3.84-1.427-7.725-2.438-11.59H53.335c-.998 3.789-1.747 7.577-2.387 11.366a55 55 0 0 0-15.174 6.016c-3.052-2.17-6.182-4.256-9.478-6.176L11.212 26.284c1.818 3.103 3.77 6.066 5.798 8.959a55.1 55.1 0 0 0-7.04 15.935a134 134 0 0 0-9.964 2.15v21.337c3.091.806 6.17 1.46 9.26 2.022a55.1 55.1 0 0 0 6.836 17.388a115 115 0 0 0-4.89 7.635l15.084 15.084c2.56-1.485 4.986-3.059 7.366-4.697a55.1 55.1 0 0 0 17.817 7.423a121 121 0 0 0 1.856 8.48h21.337c.755-2.899 1.369-5.792 1.92-8.697a54.9 54.9 0 0 0 17.368-7.5c2.515 1.74 5.12 3.423 7.77 4.991l15.077-15.084c-1.677-2.86-3.481-5.606-5.357-8.32a55.2 55.2 0 0 0 6.4-16.581c3.38-.595 6.765-1.28 10.144-2.163V53.328c-3.603-.934-7.22-1.67-10.829-2.284m-37.4 51.255a40.32 40.32 0 0 1-31.703.3a.2.2 0 0 0 0-.083s0 .039-.052.045a40.48 40.48 0 0 1-22.008-22.565c-.07-.18-.147-.358-.205-.538a40.22 40.22 0 0 1 .787-30.078c.23-.55.48-1.088.749-1.626a40.6 40.6 0 0 1 20.396-19.448a39 39 0 0 1 2.694-1.043a40.3 40.3 0 0 1 13.151-2.202a39.9 39.9 0 0 1 13.817 2.458a40 40 0 0 1 2.97 1.222a40.5 40.5 0 0 1 19.43 18.937c.383.774.742 1.574 1.074 2.38a40.32 40.32 0 0 1 .755 28.658a24 24 0 0 1-.492 1.331a40.52 40.52 0 0 1-21.12 22.13a2 2 0 0 1-.242.122z"/><path fill="url(#SVGJueaZf4v)" d="M92.623 77.96a8.102 8.102 0 0 0-13.612-4.172l-6.4-4.761a11.07 11.07 0 0 0-2.918-14.463l5.19-8.877a5.523 5.523 0 1 0-2.215-1.28l-5.17 8.877a11.046 11.046 0 0 0-14.265 5.03l-10.989-4.32v-.109a5.12 5.12 0 1 0-.953 2.496l11 4.313A11.06 11.06 0 0 0 56.03 72.01l-5.12 7.98a6.841 6.841 0 1 0 2.157 1.383l5.12-7.974a11.07 11.07 0 0 0 12.895-2.33l6.4 4.78a8.102 8.102 0 1 0 15.135 2.113z"/></svg>
</template>

CSS

.icon-svgo {
  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%20128%20128%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGe8GOYbwn%22%20x1%3D%2229.49%22%20x2%3D%22169.71%22%20y1%3D%2229.48%22%20y2%3D%22169.7%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2345afe4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23364f9e%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGJueaZf4v%22%20x1%3D%2228.05%22%20x2%3D%22168.27%22%20y1%3D%2230.92%22%20y2%3D%22171.14%22%20gradientTransform%3D%22translate(.006)scale(.63997)%22%20href%3D%22%23SVGe8GOYbwn%22%2F%3E%3ClinearGradient%20id%3D%22SVGjKyrtbBu%22%20x1%3D%2229.49%22%20x2%3D%22169.71%22%20y1%3D%2229.48%22%20y2%3D%22169.7%22%20gradientTransform%3D%22translate(.006)scale(.63997)%22%20gradientUnits%3D%22userSpaceOnUse%22%20href%3D%22%23SVGe8GOYbwn%22%2F%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGjKyrtbBu)%22%20d%3D%22M117.165%2051.044a55.4%2055.4%200%200%200-6.623-15.206c2.195-3.09%204.3-6.252%206.252-9.6l-15.077-15.032c-3.43%202.01-6.682%204.185-9.862%206.457a54.7%2054.7%200%200%200-14.72-6.073c-.64-3.84-1.427-7.725-2.438-11.59H53.335c-.998%203.789-1.747%207.577-2.387%2011.366a55%2055%200%200%200-15.174%206.016c-3.052-2.17-6.182-4.256-9.478-6.176L11.212%2026.284c1.818%203.103%203.77%206.066%205.798%208.959a55.1%2055.1%200%200%200-7.04%2015.935a134%20134%200%200%200-9.964%202.15v21.337c3.091.806%206.17%201.46%209.26%202.022a55.1%2055.1%200%200%200%206.836%2017.388a115%20115%200%200%200-4.89%207.635l15.084%2015.084c2.56-1.485%204.986-3.059%207.366-4.697a55.1%2055.1%200%200%200%2017.817%207.423a121%20121%200%200%200%201.856%208.48h21.337c.755-2.899%201.369-5.792%201.92-8.697a54.9%2054.9%200%200%200%2017.368-7.5c2.515%201.74%205.12%203.423%207.77%204.991l15.077-15.084c-1.677-2.86-3.481-5.606-5.357-8.32a55.2%2055.2%200%200%200%206.4-16.581c3.38-.595%206.765-1.28%2010.144-2.163V53.328c-3.603-.934-7.22-1.67-10.829-2.284m-37.4%2051.255a40.32%2040.32%200%200%201-31.703.3a.2.2%200%200%200%200-.083s0%20.039-.052.045a40.48%2040.48%200%200%201-22.008-22.565c-.07-.18-.147-.358-.205-.538a40.22%2040.22%200%200%201%20.787-30.078c.23-.55.48-1.088.749-1.626a40.6%2040.6%200%200%201%2020.396-19.448a39%2039%200%200%201%202.694-1.043a40.3%2040.3%200%200%201%2013.151-2.202a39.9%2039.9%200%200%201%2013.817%202.458a40%2040%200%200%201%202.97%201.222a40.5%2040.5%200%200%201%2019.43%2018.937c.383.774.742%201.574%201.074%202.38a40.32%2040.32%200%200%201%20.755%2028.658a24%2024%200%200%201-.492%201.331a40.52%2040.52%200%200%201-21.12%2022.13a2%202%200%200%201-.242.122z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGJueaZf4v)%22%20d%3D%22M92.623%2077.96a8.102%208.102%200%200%200-13.612-4.172l-6.4-4.761a11.07%2011.07%200%200%200-2.918-14.463l5.19-8.877a5.523%205.523%200%201%200-2.215-1.28l-5.17%208.877a11.046%2011.046%200%200%200-14.265%205.03l-10.989-4.32v-.109a5.12%205.12%200%201%200-.953%202.496l11%204.313A11.06%2011.06%200%200%200%2056.03%2072.01l-5.12%207.98a6.841%206.841%200%201%200%202.157%201.383l5.12-7.974a11.07%2011.07%200%200%200%2012.895-2.33l6.4%204.78a8.102%208.102%200%201%200%2015.135%202.113z%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%20128%20128%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGe8GOYbwn%22%20x1%3D%2229.49%22%20x2%3D%22169.71%22%20y1%3D%2229.48%22%20y2%3D%22169.7%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2345afe4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23364f9e%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGJueaZf4v%22%20x1%3D%2228.05%22%20x2%3D%22168.27%22%20y1%3D%2230.92%22%20y2%3D%22171.14%22%20gradientTransform%3D%22translate(.006)scale(.63997)%22%20href%3D%22%23SVGe8GOYbwn%22%2F%3E%3ClinearGradient%20id%3D%22SVGjKyrtbBu%22%20x1%3D%2229.49%22%20x2%3D%22169.71%22%20y1%3D%2229.48%22%20y2%3D%22169.7%22%20gradientTransform%3D%22translate(.006)scale(.63997)%22%20gradientUnits%3D%22userSpaceOnUse%22%20href%3D%22%23SVGe8GOYbwn%22%2F%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGjKyrtbBu)%22%20d%3D%22M117.165%2051.044a55.4%2055.4%200%200%200-6.623-15.206c2.195-3.09%204.3-6.252%206.252-9.6l-15.077-15.032c-3.43%202.01-6.682%204.185-9.862%206.457a54.7%2054.7%200%200%200-14.72-6.073c-.64-3.84-1.427-7.725-2.438-11.59H53.335c-.998%203.789-1.747%207.577-2.387%2011.366a55%2055%200%200%200-15.174%206.016c-3.052-2.17-6.182-4.256-9.478-6.176L11.212%2026.284c1.818%203.103%203.77%206.066%205.798%208.959a55.1%2055.1%200%200%200-7.04%2015.935a134%20134%200%200%200-9.964%202.15v21.337c3.091.806%206.17%201.46%209.26%202.022a55.1%2055.1%200%200%200%206.836%2017.388a115%20115%200%200%200-4.89%207.635l15.084%2015.084c2.56-1.485%204.986-3.059%207.366-4.697a55.1%2055.1%200%200%200%2017.817%207.423a121%20121%200%200%200%201.856%208.48h21.337c.755-2.899%201.369-5.792%201.92-8.697a54.9%2054.9%200%200%200%2017.368-7.5c2.515%201.74%205.12%203.423%207.77%204.991l15.077-15.084c-1.677-2.86-3.481-5.606-5.357-8.32a55.2%2055.2%200%200%200%206.4-16.581c3.38-.595%206.765-1.28%2010.144-2.163V53.328c-3.603-.934-7.22-1.67-10.829-2.284m-37.4%2051.255a40.32%2040.32%200%200%201-31.703.3a.2.2%200%200%200%200-.083s0%20.039-.052.045a40.48%2040.48%200%200%201-22.008-22.565c-.07-.18-.147-.358-.205-.538a40.22%2040.22%200%200%201%20.787-30.078c.23-.55.48-1.088.749-1.626a40.6%2040.6%200%200%201%2020.396-19.448a39%2039%200%200%201%202.694-1.043a40.3%2040.3%200%200%201%2013.151-2.202a39.9%2039.9%200%200%201%2013.817%202.458a40%2040%200%200%201%202.97%201.222a40.5%2040.5%200%200%201%2019.43%2018.937c.383.774.742%201.574%201.074%202.38a40.32%2040.32%200%200%201%20.755%2028.658a24%2024%200%200%201-.492%201.331a40.52%2040.52%200%200%201-21.12%2022.13a2%202%200%200%201-.242.122z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGJueaZf4v)%22%20d%3D%22M92.623%2077.96a8.102%208.102%200%200%200-13.612-4.172l-6.4-4.761a11.07%2011.07%200%200%200-2.918-14.463l5.19-8.877a5.523%205.523%200%201%200-2.215-1.28l-5.17%208.877a11.046%2011.046%200%200%200-14.265%205.03l-10.989-4.32v-.109a5.12%205.12%200%201%200-.953%202.496l11%204.313A11.06%2011.06%200%200%200%2056.03%2072.01l-5.12%207.98a6.841%206.841%200%201%200%202.157%201.383l5.12-7.974a11.07%2011.07%200%200%200%2012.895-2.33l6.4%204.78a8.102%208.102%200%201%200%2015.135%202.113z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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