targon logo
targon-color from LobeHub AI Icons by LobeHub · Color · MIT Free for personal and commercial use.
- Name
- targon-color
- Set
- LobeHub AI Icons
- Style
- Color
- Viewbox
- 25×25
- License
- MIT
2 other variants in LobeHub AI Icons
Use the targon logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 25 25"><path fill="#68c3ff" d="M20.297.7H5.289A4.496 4.496 0 00.793 5.195v15.007a4.496 4.496 0 004.496 4.496h15.008a4.496 4.496 0 004.496-4.496V5.196A4.497 4.497 0 0020.297.699z"/><path fill="#191b20" fill-rule="evenodd" d="M19.779 5.834a.03.03 0 01.036-.01.03.03 0 01.018.024c.005.04.009.08.01.12.012.61.015 1.221.01 1.832a4.443 4.443 0 01-.547 2.138 4.162 4.162 0 01-2.277 1.882c-.34.12-.691.189-1.053.205-3.392.004-6.784.004-10.177 0-.071-.004-.149-.04-.159-.11a.156.156 0 01-.001-.014c-.03-1.067.317-1.988 1.042-2.764a3.855 3.855 0 012.43-1.208c2.016-.016 4.033-.025 6.05-.026a8.74 8.74 0 001.437-.195 5.856 5.856 0 001.737-.632c.208-.11.409-.233.6-.368.205-.156.394-.33.566-.524.094-.116.186-.233.278-.35zM19.721 12.098c.025-.033.075-.026.081.015.01.564.016 1.127.016 1.69.005.435-.038.865-.132 1.29a4.071 4.071 0 01-1.76 2.498c-.499.32-1.041.53-1.628.627a7.12 7.12 0 01-.326.031c-3.417.004-6.834.004-10.25 0a.123.123 0 01-.114-.076.439.439 0 01-.021-.11 4.007 4.007 0 01.605-2.117 4.08 4.08 0 011.535-1.398 3.83 3.83 0 01.76-.293c.224-.06.457-.076.688-.078l5.907-.05a7.493 7.493 0 003.343-.89c.41-.24.775-.536 1.098-.887a4.68 4.68 0 00.198-.252z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function LobehubTargonColor(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 25 25"><path fill="#68c3ff" d="M20.297.7H5.289A4.496 4.496 0 00.793 5.195v15.007a4.496 4.496 0 004.496 4.496h15.008a4.496 4.496 0 004.496-4.496V5.196A4.497 4.497 0 0020.297.699z"/><path fill="#191b20" fillRule="evenodd" d="M19.779 5.834a.03.03 0 01.036-.01.03.03 0 01.018.024c.005.04.009.08.01.12.012.61.015 1.221.01 1.832a4.443 4.443 0 01-.547 2.138 4.162 4.162 0 01-2.277 1.882c-.34.12-.691.189-1.053.205-3.392.004-6.784.004-10.177 0-.071-.004-.149-.04-.159-.11a.156.156 0 01-.001-.014c-.03-1.067.317-1.988 1.042-2.764a3.855 3.855 0 012.43-1.208c2.016-.016 4.033-.025 6.05-.026a8.74 8.74 0 001.437-.195 5.856 5.856 0 001.737-.632c.208-.11.409-.233.6-.368.205-.156.394-.33.566-.524.094-.116.186-.233.278-.35zM19.721 12.098c.025-.033.075-.026.081.015.01.564.016 1.127.016 1.69.005.435-.038.865-.132 1.29a4.071 4.071 0 01-1.76 2.498c-.499.32-1.041.53-1.628.627a7.12 7.12 0 01-.326.031c-3.417.004-6.834.004-10.25 0a.123.123 0 01-.114-.076.439.439 0 01-.021-.11 4.007 4.007 0 01.605-2.117 4.08 4.08 0 011.535-1.398 3.83 3.83 0 01.76-.293c.224-.06.457-.076.688-.078l5.907-.05a7.493 7.493 0 003.343-.89c.41-.24.775-.536 1.098-.887a4.68 4.68 0 00.198-.252z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 25 25"><path fill="#68c3ff" d="M20.297.7H5.289A4.496 4.496 0 00.793 5.195v15.007a4.496 4.496 0 004.496 4.496h15.008a4.496 4.496 0 004.496-4.496V5.196A4.497 4.497 0 0020.297.699z"/><path fill="#191b20" fill-rule="evenodd" d="M19.779 5.834a.03.03 0 01.036-.01.03.03 0 01.018.024c.005.04.009.08.01.12.012.61.015 1.221.01 1.832a4.443 4.443 0 01-.547 2.138 4.162 4.162 0 01-2.277 1.882c-.34.12-.691.189-1.053.205-3.392.004-6.784.004-10.177 0-.071-.004-.149-.04-.159-.11a.156.156 0 01-.001-.014c-.03-1.067.317-1.988 1.042-2.764a3.855 3.855 0 012.43-1.208c2.016-.016 4.033-.025 6.05-.026a8.74 8.74 0 001.437-.195 5.856 5.856 0 001.737-.632c.208-.11.409-.233.6-.368.205-.156.394-.33.566-.524.094-.116.186-.233.278-.35zM19.721 12.098c.025-.033.075-.026.081.015.01.564.016 1.127.016 1.69.005.435-.038.865-.132 1.29a4.071 4.071 0 01-1.76 2.498c-.499.32-1.041.53-1.628.627a7.12 7.12 0 01-.326.031c-3.417.004-6.834.004-10.25 0a.123.123 0 01-.114-.076.439.439 0 01-.021-.11 4.007 4.007 0 01.605-2.117 4.08 4.08 0 011.535-1.398 3.83 3.83 0 01.76-.293c.224-.06.457-.076.688-.078l5.907-.05a7.493 7.493 0 003.343-.89c.41-.24.775-.536 1.098-.887a4.68 4.68 0 00.198-.252z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-targon-color {
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%2025%2025%22%3E%3Cpath%20fill%3D%22%2368c3ff%22%20d%3D%22M20.297.7H5.289A4.496%204.496%200%2000.793%205.195v15.007a4.496%204.496%200%20004.496%204.496h15.008a4.496%204.496%200%20004.496-4.496V5.196A4.497%204.497%200%200020.297.699z%22%2F%3E%3Cpath%20fill%3D%22%23191b20%22%20fill-rule%3D%22evenodd%22%20d%3D%22M19.779%205.834a.03.03%200%2001.036-.01.03.03%200%2001.018.024c.005.04.009.08.01.12.012.61.015%201.221.01%201.832a4.443%204.443%200%2001-.547%202.138%204.162%204.162%200%2001-2.277%201.882c-.34.12-.691.189-1.053.205-3.392.004-6.784.004-10.177%200-.071-.004-.149-.04-.159-.11a.156.156%200%2001-.001-.014c-.03-1.067.317-1.988%201.042-2.764a3.855%203.855%200%20012.43-1.208c2.016-.016%204.033-.025%206.05-.026a8.74%208.74%200%20001.437-.195%205.856%205.856%200%20001.737-.632c.208-.11.409-.233.6-.368.205-.156.394-.33.566-.524.094-.116.186-.233.278-.35zM19.721%2012.098c.025-.033.075-.026.081.015.01.564.016%201.127.016%201.69.005.435-.038.865-.132%201.29a4.071%204.071%200%2001-1.76%202.498c-.499.32-1.041.53-1.628.627a7.12%207.12%200%2001-.326.031c-3.417.004-6.834.004-10.25%200a.123.123%200%2001-.114-.076.439.439%200%2001-.021-.11%204.007%204.007%200%2001.605-2.117%204.08%204.08%200%20011.535-1.398%203.83%203.83%200%2001.76-.293c.224-.06.457-.076.688-.078l5.907-.05a7.493%207.493%200%20003.343-.89c.41-.24.775-.536%201.098-.887a4.68%204.68%200%2000.198-.252z%22%20clip-rule%3D%22evenodd%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%2025%2025%22%3E%3Cpath%20fill%3D%22%2368c3ff%22%20d%3D%22M20.297.7H5.289A4.496%204.496%200%2000.793%205.195v15.007a4.496%204.496%200%20004.496%204.496h15.008a4.496%204.496%200%20004.496-4.496V5.196A4.497%204.497%200%200020.297.699z%22%2F%3E%3Cpath%20fill%3D%22%23191b20%22%20fill-rule%3D%22evenodd%22%20d%3D%22M19.779%205.834a.03.03%200%2001.036-.01.03.03%200%2001.018.024c.005.04.009.08.01.12.012.61.015%201.221.01%201.832a4.443%204.443%200%2001-.547%202.138%204.162%204.162%200%2001-2.277%201.882c-.34.12-.691.189-1.053.205-3.392.004-6.784.004-10.177%200-.071-.004-.149-.04-.159-.11a.156.156%200%2001-.001-.014c-.03-1.067.317-1.988%201.042-2.764a3.855%203.855%200%20012.43-1.208c2.016-.016%204.033-.025%206.05-.026a8.74%208.74%200%20001.437-.195%205.856%205.856%200%20001.737-.632c.208-.11.409-.233.6-.368.205-.156.394-.33.566-.524.094-.116.186-.233.278-.35zM19.721%2012.098c.025-.033.075-.026.081.015.01.564.016%201.127.016%201.69.005.435-.038.865-.132%201.29a4.071%204.071%200%2001-1.76%202.498c-.499.32-1.041.53-1.628.627a7.12%207.12%200%2001-.326.031c-3.417.004-6.834.004-10.25%200a.123.123%200%2001-.114-.076.439.439%200%2001-.021-.11%204.007%204.007%200%2001.605-2.117%204.08%204.08%200%20011.535-1.398%203.83%203.83%200%2001.76-.293c.224-.06.457-.076.688-.078l5.907-.05a7.493%207.493%200%20003.343-.89c.41-.24.775-.536%201.098-.887a4.68%204.68%200%2000.198-.252z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/targon-color.svg?color=%231a73e8&size=48
