titon logo

titon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
titon
Set
SVG Logos
Style
Color
Viewbox
256×257
License
CC0

Use the titon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 257"><defs><linearGradient x1="74.475%" y1="2.141%" x2="18.026%" y2="100%" id="ssvg-id-titonb"><stop stop-color="#F8F8F8" offset="0%"/><stop stop-color="#DDDAD9" offset="100%"/></linearGradient><filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="ssvg-id-titona"><feOffset dx="1" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation=".5" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.35 0" in="shadowBlurOuter1" result="shadowMatrixOuter1"/><feMerge><feMergeNode in="shadowMatrixOuter1"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><g filter="url(#ssvg-id-titona)"><path d="M20.065 154.368L3.209 125.174a23.959 23.959 0 0 1 0-23.958L54.731 11.98A23.956 23.956 0 0 1 75.479 0H178.52c8.56 0 16.469 4.566 20.748 11.979l51.522 89.237a23.959 23.959 0 0 1 0 23.958l-51.522 89.238a23.957 23.957 0 0 1-20.748 11.978h-38.09l-11.355 19.669a14.842 14.842 0 0 1-12.854 7.422H52.385a14.84 14.84 0 0 1-12.852-7.422l-31.92-55.284a14.841 14.841 0 0 1 0-14.841l12.452-21.566zm142.905 28.39a14.842 14.842 0 0 0 8.802-6.858l31.918-55.284a14.841 14.841 0 0 0 0-14.842l-31.918-55.283a14.84 14.84 0 0 0-12.853-7.422H95.08a14.84 14.84 0 0 0-12.853 7.422L50.31 105.774a14.834 14.834 0 0 0-1.977 8.018a14.83 14.83 0 0 1 4.052-.563h63.837a14.843 14.843 0 0 1 12.854 7.42l31.917 55.285a14.83 14.83 0 0 1 1.977 6.824z" fill="url(#ssvg-id-titonb)"/></g></svg>

React

import type { SVGProps } from "react";

export function LogosTiton(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 257"><defs><linearGradient x1="74.475%" y1="2.141%" x2="18.026%" y2="100%" id="ssvgId-titonb"><stop stopColor="#F8F8F8" offset="0%"/><stop stopColor="#DDDAD9" offset="100%"/></linearGradient><filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="ssvgId-titona"><feOffset dx="1" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation=".5" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.35 0" in="shadowBlurOuter1" result="shadowMatrixOuter1"/><feMerge><feMergeNode in="shadowMatrixOuter1"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><g filter="url(#ssvgId-titona)"><path d="M20.065 154.368L3.209 125.174a23.959 23.959 0 0 1 0-23.958L54.731 11.98A23.956 23.956 0 0 1 75.479 0H178.52c8.56 0 16.469 4.566 20.748 11.979l51.522 89.237a23.959 23.959 0 0 1 0 23.958l-51.522 89.238a23.957 23.957 0 0 1-20.748 11.978h-38.09l-11.355 19.669a14.842 14.842 0 0 1-12.854 7.422H52.385a14.84 14.84 0 0 1-12.852-7.422l-31.92-55.284a14.841 14.841 0 0 1 0-14.841l12.452-21.566zm142.905 28.39a14.842 14.842 0 0 0 8.802-6.858l31.918-55.284a14.841 14.841 0 0 0 0-14.842l-31.918-55.283a14.84 14.84 0 0 0-12.853-7.422H95.08a14.84 14.84 0 0 0-12.853 7.422L50.31 105.774a14.834 14.834 0 0 0-1.977 8.018a14.83 14.83 0 0 1 4.052-.563h63.837a14.843 14.843 0 0 1 12.854 7.42l31.917 55.285a14.83 14.83 0 0 1 1.977 6.824z" fill="url(#ssvgId-titonb)"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 257"><defs><linearGradient x1="74.475%" y1="2.141%" x2="18.026%" y2="100%" id="ssvg-id-titonb"><stop stop-color="#F8F8F8" offset="0%"/><stop stop-color="#DDDAD9" offset="100%"/></linearGradient><filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="ssvg-id-titona"><feOffset dx="1" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation=".5" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.35 0" in="shadowBlurOuter1" result="shadowMatrixOuter1"/><feMerge><feMergeNode in="shadowMatrixOuter1"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><g filter="url(#ssvg-id-titona)"><path d="M20.065 154.368L3.209 125.174a23.959 23.959 0 0 1 0-23.958L54.731 11.98A23.956 23.956 0 0 1 75.479 0H178.52c8.56 0 16.469 4.566 20.748 11.979l51.522 89.237a23.959 23.959 0 0 1 0 23.958l-51.522 89.238a23.957 23.957 0 0 1-20.748 11.978h-38.09l-11.355 19.669a14.842 14.842 0 0 1-12.854 7.422H52.385a14.84 14.84 0 0 1-12.852-7.422l-31.92-55.284a14.841 14.841 0 0 1 0-14.841l12.452-21.566zm142.905 28.39a14.842 14.842 0 0 0 8.802-6.858l31.918-55.284a14.841 14.841 0 0 0 0-14.842l-31.918-55.283a14.84 14.84 0 0 0-12.853-7.422H95.08a14.84 14.84 0 0 0-12.853 7.422L50.31 105.774a14.834 14.834 0 0 0-1.977 8.018a14.83 14.83 0 0 1 4.052-.563h63.837a14.843 14.843 0 0 1 12.854 7.42l31.917 55.285a14.83 14.83 0 0 1 1.977 6.824z" fill="url(#ssvg-id-titonb)"/></g></svg>
</template>

CSS

.icon-titon {
  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%20257%22%3E%3Cdefs%3E%3ClinearGradient%20x1%3D%2274.475%25%22%20y1%3D%222.141%25%22%20x2%3D%2218.026%25%22%20y2%3D%22100%25%22%20id%3D%22ssvg-id-titonb%22%3E%3Cstop%20stop-color%3D%22%23F8F8F8%22%20offset%3D%220%25%22%2F%3E%3Cstop%20stop-color%3D%22%23DDDAD9%22%20offset%3D%22100%25%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22ssvg-id-titona%22%3E%3CfeOffset%20dx%3D%221%22%20dy%3D%222%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.5%22%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.35%200%22%20in%3D%22shadowBlurOuter1%22%20result%3D%22shadowMatrixOuter1%22%2F%3E%3CfeMerge%3E%3CfeMergeNode%20in%3D%22shadowMatrixOuter1%22%2F%3E%3CfeMergeNode%20in%3D%22SourceGraphic%22%2F%3E%3C%2FfeMerge%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20filter%3D%22url(%23ssvg-id-titona)%22%3E%3Cpath%20d%3D%22M20.065%20154.368L3.209%20125.174a23.959%2023.959%200%200%201%200-23.958L54.731%2011.98A23.956%2023.956%200%200%201%2075.479%200H178.52c8.56%200%2016.469%204.566%2020.748%2011.979l51.522%2089.237a23.959%2023.959%200%200%201%200%2023.958l-51.522%2089.238a23.957%2023.957%200%200%201-20.748%2011.978h-38.09l-11.355%2019.669a14.842%2014.842%200%200%201-12.854%207.422H52.385a14.84%2014.84%200%200%201-12.852-7.422l-31.92-55.284a14.841%2014.841%200%200%201%200-14.841l12.452-21.566zm142.905%2028.39a14.842%2014.842%200%200%200%208.802-6.858l31.918-55.284a14.841%2014.841%200%200%200%200-14.842l-31.918-55.283a14.84%2014.84%200%200%200-12.853-7.422H95.08a14.84%2014.84%200%200%200-12.853%207.422L50.31%20105.774a14.834%2014.834%200%200%200-1.977%208.018a14.83%2014.83%200%200%201%204.052-.563h63.837a14.843%2014.843%200%200%201%2012.854%207.42l31.917%2055.285a14.83%2014.83%200%200%201%201.977%206.824z%22%20fill%3D%22url(%23ssvg-id-titonb)%22%2F%3E%3C%2Fg%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%20257%22%3E%3Cdefs%3E%3ClinearGradient%20x1%3D%2274.475%25%22%20y1%3D%222.141%25%22%20x2%3D%2218.026%25%22%20y2%3D%22100%25%22%20id%3D%22ssvg-id-titonb%22%3E%3Cstop%20stop-color%3D%22%23F8F8F8%22%20offset%3D%220%25%22%2F%3E%3Cstop%20stop-color%3D%22%23DDDAD9%22%20offset%3D%22100%25%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22ssvg-id-titona%22%3E%3CfeOffset%20dx%3D%221%22%20dy%3D%222%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.5%22%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.35%200%22%20in%3D%22shadowBlurOuter1%22%20result%3D%22shadowMatrixOuter1%22%2F%3E%3CfeMerge%3E%3CfeMergeNode%20in%3D%22shadowMatrixOuter1%22%2F%3E%3CfeMergeNode%20in%3D%22SourceGraphic%22%2F%3E%3C%2FfeMerge%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20filter%3D%22url(%23ssvg-id-titona)%22%3E%3Cpath%20d%3D%22M20.065%20154.368L3.209%20125.174a23.959%2023.959%200%200%201%200-23.958L54.731%2011.98A23.956%2023.956%200%200%201%2075.479%200H178.52c8.56%200%2016.469%204.566%2020.748%2011.979l51.522%2089.237a23.959%2023.959%200%200%201%200%2023.958l-51.522%2089.238a23.957%2023.957%200%200%201-20.748%2011.978h-38.09l-11.355%2019.669a14.842%2014.842%200%200%201-12.854%207.422H52.385a14.84%2014.84%200%200%201-12.852-7.422l-31.92-55.284a14.841%2014.841%200%200%201%200-14.841l12.452-21.566zm142.905%2028.39a14.842%2014.842%200%200%200%208.802-6.858l31.918-55.284a14.841%2014.841%200%200%200%200-14.842l-31.918-55.283a14.84%2014.84%200%200%200-12.853-7.422H95.08a14.84%2014.84%200%200%200-12.853%207.422L50.31%20105.774a14.834%2014.834%200%200%200-1.977%208.018a14.83%2014.83%200%200%201%204.052-.563h63.837a14.843%2014.843%200%200%201%2012.854%207.42l31.917%2055.285a14.83%2014.83%200%200%201%201.977%206.824z%22%20fill%3D%22url(%23ssvg-id-titonb)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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