torus logo
torus from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- torus
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×130
- License
- CC0
The same logo in other sets
Use the torus logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 130"><defs><linearGradient id="svgIDa" x1="-.012%" x2="100.007%" y1="50.013%" y2="50.013%"><stop offset="0%" stop-color="#A34CB4"/><stop offset="9.192%" stop-color="#954DB2"/><stop offset="71.69%" stop-color="#3C52A1"/><stop offset="100%" stop-color="#19549B"/></linearGradient><linearGradient id="svgIDb" x1="-3.884%" x2="83.237%" y1="172.005%" y2="-50.934%"><stop offset="0%" stop-color="#FF0264"/><stop offset="49.43%" stop-color="#FE744A"/><stop offset="81.9%" stop-color="#FDBC39"/><stop offset="100%" stop-color="#FDDF31"/></linearGradient></defs><path fill="url(#svgIDa)" d="M128 0C81.6 0 41 12.5 18.5 31.3c.1.5-.4 1.5-.2 2C20.9 45.7 32 57 48.8 65.4c.4.2 1.5-.4 2-.2c1.9-1.3 25.6-16.9 77.2-16.9c51.3 0 75.2 15.4 77.3 16.9c.4-.2 1.4.2 1.8.1c17.1-8.5 28.4-19.8 30.8-32.2c.1-.4-.5-1.2-.4-1.6C215 12.5 174.4 0 128 0"/><path fill="url(#svgIDb)" d="M237.5 31.3c-4.3 27.6-51.7 49.3-109.5 49.3S22.8 58.9 18.5 31.3C6.8 41.1 0 52.6 0 64.9c0 35.8 57.3 64.9 128 64.9s128-29.1 128-64.9c0-12.3-6.8-23.8-18.5-33.6"/></svg>
React
import type { SVGProps } from "react";
export function LogosTorus(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 130"><defs><linearGradient id="svgIDa" x1="-.012%" x2="100.007%" y1="50.013%" y2="50.013%"><stop offset="0%" stopColor="#A34CB4"/><stop offset="9.192%" stopColor="#954DB2"/><stop offset="71.69%" stopColor="#3C52A1"/><stop offset="100%" stopColor="#19549B"/></linearGradient><linearGradient id="svgIDb" x1="-3.884%" x2="83.237%" y1="172.005%" y2="-50.934%"><stop offset="0%" stopColor="#FF0264"/><stop offset="49.43%" stopColor="#FE744A"/><stop offset="81.9%" stopColor="#FDBC39"/><stop offset="100%" stopColor="#FDDF31"/></linearGradient></defs><path fill="url(#svgIDa)" d="M128 0C81.6 0 41 12.5 18.5 31.3c.1.5-.4 1.5-.2 2C20.9 45.7 32 57 48.8 65.4c.4.2 1.5-.4 2-.2c1.9-1.3 25.6-16.9 77.2-16.9c51.3 0 75.2 15.4 77.3 16.9c.4-.2 1.4.2 1.8.1c17.1-8.5 28.4-19.8 30.8-32.2c.1-.4-.5-1.2-.4-1.6C215 12.5 174.4 0 128 0"/><path fill="url(#svgIDb)" d="M237.5 31.3c-4.3 27.6-51.7 49.3-109.5 49.3S22.8 58.9 18.5 31.3C6.8 41.1 0 52.6 0 64.9c0 35.8 57.3 64.9 128 64.9s128-29.1 128-64.9c0-12.3-6.8-23.8-18.5-33.6"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 130"><defs><linearGradient id="svgIDa" x1="-.012%" x2="100.007%" y1="50.013%" y2="50.013%"><stop offset="0%" stop-color="#A34CB4"/><stop offset="9.192%" stop-color="#954DB2"/><stop offset="71.69%" stop-color="#3C52A1"/><stop offset="100%" stop-color="#19549B"/></linearGradient><linearGradient id="svgIDb" x1="-3.884%" x2="83.237%" y1="172.005%" y2="-50.934%"><stop offset="0%" stop-color="#FF0264"/><stop offset="49.43%" stop-color="#FE744A"/><stop offset="81.9%" stop-color="#FDBC39"/><stop offset="100%" stop-color="#FDDF31"/></linearGradient></defs><path fill="url(#svgIDa)" d="M128 0C81.6 0 41 12.5 18.5 31.3c.1.5-.4 1.5-.2 2C20.9 45.7 32 57 48.8 65.4c.4.2 1.5-.4 2-.2c1.9-1.3 25.6-16.9 77.2-16.9c51.3 0 75.2 15.4 77.3 16.9c.4-.2 1.4.2 1.8.1c17.1-8.5 28.4-19.8 30.8-32.2c.1-.4-.5-1.2-.4-1.6C215 12.5 174.4 0 128 0"/><path fill="url(#svgIDb)" d="M237.5 31.3c-4.3 27.6-51.7 49.3-109.5 49.3S22.8 58.9 18.5 31.3C6.8 41.1 0 52.6 0 64.9c0 35.8 57.3 64.9 128 64.9s128-29.1 128-64.9c0-12.3-6.8-23.8-18.5-33.6"/></svg> </template>
CSS
.icon-torus {
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%20256%20130%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22svgIDa%22%20x1%3D%22-.012%25%22%20x2%3D%22100.007%25%22%20y1%3D%2250.013%25%22%20y2%3D%2250.013%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23A34CB4%22%2F%3E%3Cstop%20offset%3D%229.192%25%22%20stop-color%3D%22%23954DB2%22%2F%3E%3Cstop%20offset%3D%2271.69%25%22%20stop-color%3D%22%233C52A1%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%2319549B%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22svgIDb%22%20x1%3D%22-3.884%25%22%20x2%3D%2283.237%25%22%20y1%3D%22172.005%25%22%20y2%3D%22-50.934%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23FF0264%22%2F%3E%3Cstop%20offset%3D%2249.43%25%22%20stop-color%3D%22%23FE744A%22%2F%3E%3Cstop%20offset%3D%2281.9%25%22%20stop-color%3D%22%23FDBC39%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23FDDF31%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23svgIDa)%22%20d%3D%22M128%200C81.6%200%2041%2012.5%2018.5%2031.3c.1.5-.4%201.5-.2%202C20.9%2045.7%2032%2057%2048.8%2065.4c.4.2%201.5-.4%202-.2c1.9-1.3%2025.6-16.9%2077.2-16.9c51.3%200%2075.2%2015.4%2077.3%2016.9c.4-.2%201.4.2%201.8.1c17.1-8.5%2028.4-19.8%2030.8-32.2c.1-.4-.5-1.2-.4-1.6C215%2012.5%20174.4%200%20128%200%22%2F%3E%3Cpath%20fill%3D%22url(%23svgIDb)%22%20d%3D%22M237.5%2031.3c-4.3%2027.6-51.7%2049.3-109.5%2049.3S22.8%2058.9%2018.5%2031.3C6.8%2041.1%200%2052.6%200%2064.9c0%2035.8%2057.3%2064.9%20128%2064.9s128-29.1%20128-64.9c0-12.3-6.8-23.8-18.5-33.6%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%20256%20130%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22svgIDa%22%20x1%3D%22-.012%25%22%20x2%3D%22100.007%25%22%20y1%3D%2250.013%25%22%20y2%3D%2250.013%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23A34CB4%22%2F%3E%3Cstop%20offset%3D%229.192%25%22%20stop-color%3D%22%23954DB2%22%2F%3E%3Cstop%20offset%3D%2271.69%25%22%20stop-color%3D%22%233C52A1%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%2319549B%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22svgIDb%22%20x1%3D%22-3.884%25%22%20x2%3D%2283.237%25%22%20y1%3D%22172.005%25%22%20y2%3D%22-50.934%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23FF0264%22%2F%3E%3Cstop%20offset%3D%2249.43%25%22%20stop-color%3D%22%23FE744A%22%2F%3E%3Cstop%20offset%3D%2281.9%25%22%20stop-color%3D%22%23FDBC39%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23FDDF31%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23svgIDa)%22%20d%3D%22M128%200C81.6%200%2041%2012.5%2018.5%2031.3c.1.5-.4%201.5-.2%202C20.9%2045.7%2032%2057%2048.8%2065.4c.4.2%201.5-.4%202-.2c1.9-1.3%2025.6-16.9%2077.2-16.9c51.3%200%2075.2%2015.4%2077.3%2016.9c.4-.2%201.4.2%201.8.1c17.1-8.5%2028.4-19.8%2030.8-32.2c.1-.4-.5-1.2-.4-1.6C215%2012.5%20174.4%200%20128%200%22%2F%3E%3Cpath%20fill%3D%22url(%23svgIDb)%22%20d%3D%22M237.5%2031.3c-4.3%2027.6-51.7%2049.3-109.5%2049.3S22.8%2058.9%2018.5%2031.3C6.8%2041.1%200%2052.6%200%2064.9c0%2035.8%2057.3%2064.9%20128%2064.9s128-29.1%20128-64.9c0-12.3-6.8-23.8-18.5-33.6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/torus.svg?color=%231a73e8&size=48
