import React from 'react'

const TagIcon = () => {
    return (
        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" className='TagIcon custom-icons'>
            <g clip-path="url(#clip0_399_90956)">
                <path d="M17.8469 0H10.2568C10.1014 0 9.95236 0.0617979 9.8425 0.171661L0.629423 9.38443C-0.209808 10.224 -0.209808 11.5898 0.629423 12.429L7.57078 19.3702C7.97605 19.7755 8.51667 19.9987 9.09284 19.9989C9.66916 19.9989 10.2099 19.7755 10.6154 19.3701L19.8281 10.1571C19.938 10.0473 19.9998 9.8982 19.9998 9.74286L19.9999 2.1527C19.9998 0.965726 19.0339 0 17.8469 0ZM18.8279 9.50025L9.78665 18.5415C9.60263 18.7257 9.3562 18.827 9.09299 18.827C8.82963 18.827 8.58335 18.7257 8.39933 18.5417L1.45797 11.6005C1.07559 11.2181 1.07559 10.5955 1.45797 10.213L10.4994 1.17187H17.8469C18.3879 1.17187 18.8281 1.61193 18.8281 2.15286L18.8279 9.50025Z" fill="#838B9C" />
                <path d="M14.8354 3.32336C14.3436 3.32336 13.8812 3.51501 13.5335 3.86276C13.1857 4.21036 12.9942 4.6727 12.9942 5.16449C12.9942 5.65628 13.1857 6.11862 13.5335 6.46637C13.8812 6.81412 14.3436 7.00562 14.8354 7.00562C15.327 7.00562 15.7893 6.81412 16.1371 6.46637C16.4848 6.11862 16.6763 5.65628 16.6763 5.16449C16.6763 4.6727 16.4848 4.21036 16.1372 3.86276C15.7895 3.51501 15.3271 3.32336 14.8354 3.32336ZM15.3085 5.63766C15.1822 5.76416 15.014 5.83374 14.8354 5.83374C14.6565 5.83374 14.4885 5.76416 14.3622 5.63766C14.2357 5.51132 14.1661 5.34317 14.1661 5.16449C14.1661 4.98581 14.2357 4.81766 14.3622 4.69131C14.4885 4.56482 14.6567 4.49524 14.8354 4.49524C15.014 4.49524 15.182 4.56482 15.3085 4.69131C15.435 4.81766 15.5046 4.98581 15.5046 5.16449C15.5046 5.34317 15.4349 5.51132 15.3085 5.63766Z" fill="#838B9C" />
            </g>
            <defs>
                <clipPath id="clip0_399_90956">
                    <rect width="20" height="20" fill="white" />
                </clipPath>
            </defs>
        </svg>
    )
}

export default TagIcon