targon logo
targon from LobeHub AI Icons by LobeHub · Mono · MIT Free for personal and commercial use.
- Name
- targon
- Set
- LobeHub AI Icons
- Style
- Mono
- 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="currentColor" fill-rule="evenodd" 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.699zm-.518 5.134a.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.442 4.442 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-.026.484-.025.963-.09 1.437-.195a5.856 5.856 0 001.737-.632c.208-.11.409-.233.6-.368.205-.156.394-.33.566-.524.094-.116.186-.233.278-.35zm.023 6.28c-.006-.042-.056-.05-.08-.016a4.68 4.68 0 01-.199.252 4.758 4.758 0 01-1.098.887 7.493 7.493 0 01-3.343.89l-5.907.05a2.735 2.735 0 00-.687.078 3.83 3.83 0 00-.76.293 4.08 4.08 0 00-1.536 1.398 4.007 4.007 0 00-.605 2.117c.002.037.01.074.021.11.022.048.06.074.113.076 3.417.004 6.834.004 10.25 0a7.12 7.12 0 00.327-.031 4.264 4.264 0 001.627-.627 4.071 4.071 0 001.761-2.498c.094-.425.137-.855.132-1.29 0-.563-.005-1.127-.016-1.69z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function LobehubTargon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 25 25"><path fill="currentColor" fillRule="evenodd" 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.699zm-.518 5.134a.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.442 4.442 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-.026.484-.025.963-.09 1.437-.195a5.856 5.856 0 001.737-.632c.208-.11.409-.233.6-.368.205-.156.394-.33.566-.524.094-.116.186-.233.278-.35zm.023 6.28c-.006-.042-.056-.05-.08-.016a4.68 4.68 0 01-.199.252 4.758 4.758 0 01-1.098.887 7.493 7.493 0 01-3.343.89l-5.907.05a2.735 2.735 0 00-.687.078 3.83 3.83 0 00-.76.293 4.08 4.08 0 00-1.536 1.398 4.007 4.007 0 00-.605 2.117c.002.037.01.074.021.11.022.048.06.074.113.076 3.417.004 6.834.004 10.25 0a7.12 7.12 0 00.327-.031 4.264 4.264 0 001.627-.627 4.071 4.071 0 001.761-2.498c.094-.425.137-.855.132-1.29 0-.563-.005-1.127-.016-1.69z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 25 25"><path fill="currentColor" fill-rule="evenodd" 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.699zm-.518 5.134a.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.442 4.442 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-.026.484-.025.963-.09 1.437-.195a5.856 5.856 0 001.737-.632c.208-.11.409-.233.6-.368.205-.156.394-.33.566-.524.094-.116.186-.233.278-.35zm.023 6.28c-.006-.042-.056-.05-.08-.016a4.68 4.68 0 01-.199.252 4.758 4.758 0 01-1.098.887 7.493 7.493 0 01-3.343.89l-5.907.05a2.735 2.735 0 00-.687.078 3.83 3.83 0 00-.76.293 4.08 4.08 0 00-1.536 1.398 4.007 4.007 0 00-.605 2.117c.002.037.01.074.021.11.022.048.06.074.113.076 3.417.004 6.834.004 10.25 0a7.12 7.12 0 00.327-.031 4.264 4.264 0 001.627-.627 4.071 4.071 0 001.761-2.498c.094-.425.137-.855.132-1.29 0-.563-.005-1.127-.016-1.69z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-targon {
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%22currentColor%22%20fill-rule%3D%22evenodd%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.699zm-.518%205.134a.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.442%204.442%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-.026.484-.025.963-.09%201.437-.195a5.856%205.856%200%20001.737-.632c.208-.11.409-.233.6-.368.205-.156.394-.33.566-.524.094-.116.186-.233.278-.35zm.023%206.28c-.006-.042-.056-.05-.08-.016a4.68%204.68%200%2001-.199.252%204.758%204.758%200%2001-1.098.887%207.493%207.493%200%2001-3.343.89l-5.907.05a2.735%202.735%200%2000-.687.078%203.83%203.83%200%2000-.76.293%204.08%204.08%200%2000-1.536%201.398%204.007%204.007%200%2000-.605%202.117c.002.037.01.074.021.11.022.048.06.074.113.076%203.417.004%206.834.004%2010.25%200a7.12%207.12%200%2000.327-.031%204.264%204.264%200%20001.627-.627%204.071%204.071%200%20001.761-2.498c.094-.425.137-.855.132-1.29%200-.563-.005-1.127-.016-1.69z%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%22currentColor%22%20fill-rule%3D%22evenodd%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.699zm-.518%205.134a.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.442%204.442%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-.026.484-.025.963-.09%201.437-.195a5.856%205.856%200%20001.737-.632c.208-.11.409-.233.6-.368.205-.156.394-.33.566-.524.094-.116.186-.233.278-.35zm.023%206.28c-.006-.042-.056-.05-.08-.016a4.68%204.68%200%2001-.199.252%204.758%204.758%200%2001-1.098.887%207.493%207.493%200%2001-3.343.89l-5.907.05a2.735%202.735%200%2000-.687.078%203.83%203.83%200%2000-.76.293%204.08%204.08%200%2000-1.536%201.398%204.007%204.007%200%2000-.605%202.117c.002.037.01.074.021.11.022.048.06.074.113.076%203.417.004%206.834.004%2010.25%200a7.12%207.12%200%2000.327-.031%204.264%204.264%200%20001.627-.627%204.071%204.071%200%20001.761-2.498c.094-.425.137-.855.132-1.29%200-.563-.005-1.127-.016-1.69z%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.svg?color=%231a73e8&size=48
