Zycada

ブランド / 表示名

Zycada

カテゴリ

ツール

公式カラー (HEX / RGB / HSL)

#7CC242rgb(124, 194, 66) · hsl(93, 51%, 51%)

WCAG コントラストとファイルサイズ

白背景 2.2:1 · 黒背景 9.1:1 · 3.4 KB

<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><defs><clipPath id="A"><use xlink:href="#N"/></clipPath><clipPath id="B"><use xlink:href="#O"/></clipPath><linearGradient id="C" x1="18.475" y1="14.996" x2="7.096" y2="1.052" xlink:href="#V"><stop offset="0" stop-color="#7cc242"/><stop offset="1" stop-color="#fff"/></linearGradient><clipPath id="D"><use xlink:href="#P"/></clipPath><clipPath id="E"><use xlink:href="#Q"/></clipPath><linearGradient id="F" x1="12.284" y1="8.274" x2="4.252" y2="17.645" xlink:href="#V"><stop offset="0" stop-color="#7cc242"/><stop offset="1" stop-color="#1d9146"/></linearGradient><clipPath id="G"><use xlink:href="#R"/></clipPath><clipPath id="H"><use xlink:href="#S"/></clipPath><linearGradient id="I" x1="21.716" y1="23.652" x2="16.369" y2="22.997" xlink:href="#V"><stop offset="0" stop-color="#7cc242"/><stop offset="1" stop-color="#1d9146"/></linearGradient><clipPath id="J"><use xlink:href="#T"/></clipPath><linearGradient id="K" x1="19.933" y1="22.427" x2="23.951" y2="22.427" xlink:href="#V"><stop offset="0" stop-color="#7cc242"/><stop offset="1" stop-color="#1d9146"/></linearGradient><clipPath id="L"><use xlink:href="#U"/></clipPath><linearGradient id="M" x1="4.489" y1="29.942" x2="16.858" y2="23.402" xlink:href="#V"><stop offset="0" stop-color="#0a70b0"/><stop offset="1" stop-color="#68c5d6"/></linearGradient><path id="N" d="M-631.64-23.412h1440V3578.61h-1440z"/><path id="O" d="M14.428 9.318c2.04 3.66 4.966 9.636 4.966 9.636l.67-6.608s-4.585-6.863-6.59-8.466c-1.078-.863-4.683-2.702-4.683-2.702s3.596 4.48 5.635 8.14"/><path id="P" d="M-631.64-23.412h1440V3578.61h-1440z"/><path id="Q" d="M3.504 5.733c-1.183 2.193-1.527 10.69-1.527 10.69l17.417 2.532s-2.925-5.975-4.966-9.636-5.635-8.14-5.635-8.14-4.106 2.36-5.29 4.556"/><path id="R" d="M-631.64-23.412h1440V3578.61h-1440z"/><path id="S" d="M16.795 25.384s1.506.947 2.978 1.35c1.892.522 4.02.744 4.02.744l-3.83-7.63-.004.035-4.203-.62z"/><path id="T" d="M19.96 19.848l3.83 7.63s.248-2.08.174-3.044l-.29-2.618-3.48-4.313z"/><path id="U" d="M15.754 19.264l3.68.543zm-13.832 6.94s1.237 2.263 6.383 5.604c4.835 3.14 10.313 4.29 10.313 4.29l-2.863-16.832-13.213-1.95z"/><linearGradient id="V" gradientUnits="userSpaceOnUse"/></defs><g transform="matrix(1.832815 0 0 1.832815 2.207635 -2.157208)"><path clip-path="url(#L)" d="M27.195 31.993L5.75 43.332-5.84 21.418l21.447-11.34z" fill="url(#M)"/><path clip-path="url(#J)" d="M19.96 17.504h4.078v9.975H19.96z" fill="url(#K)"/><path clip-path="url(#H)" d="M15.874 18.294l8.91 1.09-1.1 9.063-8.91-1.09z" fill="url(#I)"/><path clip-path="url(#G)" d="M20.198 17.503L31.4 31.41l-3.214-6.73c-1.113-2.003-3.628-5.765-3.628-5.765l-3.98-5.257z" fill="#68c5d6"/><path clip-path="url(#E)" d="M-6.807 11.425L9.354-7.43 28.178 8.706 12.017 27.56z" fill="url(#F)"/><path clip-path="url(#D)" d="M4.926 4.005l-1.422.228c-.943.187-2.404.72-2.404.72l2.404.78c.313-.58.832-1.17 1.422-1.728" fill="#68c5d6"/><path clip-path="url(#D)" d="M3.504 5.733L1.1 4.95s.23 1.025.563 1.806c.235.55.76 1.404 1.053 1.865.208-1.23.466-2.292.788-2.89" fill="#0a70b0"/><path clip-path="url(#B)" d="M15.56-4.344L28.772 11.85 13.298 24.476.084 8.283z" fill="url(#C)"/><path clip-path="url(#A)" d="M12.94 3.5l.752-1.38s-.975-.033-1.627.122a3.61 3.61 0 0 0-.741.292l1.616.965" fill="#68c5d6"/><path clip-path="url(#A)" d="M13.477 3.88c.23.184.494.44.782.744l-.024-.92c-.058-.667-.543-1.582-.543-1.582L12.94 3.5l.537.38" fill="#0a70b0"/></g></svg>

使用上の注意

• 元の 1:1 の縦横比（viewBox "0 0 64 64"）を保って拡大縮小し、変形させないでください。
• ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
• グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。