Sencha icon
logos:sencha
The Sencha icon (logos:sencha) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 388 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 256 × 388
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="388" viewBox="0 0 256 388"><defs><linearGradient id="SVGV7I6oTGz" x1="17.633%" x2="0%" y1="22.286%" y2="77.714%"><stop offset="0%" stop-color="#aace36"/><stop offset="100%" stop-color="#2fa042"/></linearGradient><linearGradient id="SVGj4ac0cbD" x1="0%" x2="100%" y1="30.312%" y2="45.427%"><stop offset="0%" stop-color="#79a933"/><stop offset="13%" stop-color="#70a333"/><stop offset="34%" stop-color="#559332"/><stop offset="58%" stop-color="#277b2f"/><stop offset="86%" stop-color="#005f27"/><stop offset="100%" stop-color="#005020"/></linearGradient><linearGradient id="SVGH8lqZE5o" x1="13.797%" x2="64.496%" y1="0%" y2="100%"><stop offset="0%" stop-color="#79ab35"/><stop offset="53%" stop-color="#7cba3d"/><stop offset="100%" stop-color="#00aa4b"/></linearGradient></defs><path fill="#7cba3d" d="m252.876 231.535l-.001.002c-7.183-35.906-29.094-66.493-59.188-85.167c-.003 0-.01-.006-.012-.007l-.034-.02l-.03-.019l-.018-.012a131 131 0 0 0-8.557-4.861l-80.63-40.416l-.002.002l.001-.002l.002-.002l-4.335-2.173a45 45 0 0 1-.756-.373h-.001l-.052-.027h-.001l-.055-.028l-.047-.024l-.007-.004l-.044-.022l-.01-.006l-.04-.02l-.015-.007l-.032-.017l-.022-.011l-.022-.011l-.032-.017l-.005-.002a55.66 55.66 0 0 1-20.755-18.463c-5.925-8.82-9.38-19.436-9.38-30.86C68.795 27.74 80.736 9.303 98.267 0L72.243 13.297C29.41 34.673 0 78.919 0 130.037l1.932 22.428h.001l-.001-.005l.1.033l-.099-.028c7.018 40.493 32.704 74.582 67.886 93.067l.004.003l.045.024l.01.004c.014.007.03.018.043.024l.013.007l.051.027l.134.071l.017.009l.034.018l.024.014l.032.016l.025.013l.03.016l.032.018l.023.011l.057.03l8.085 4.053l-.027-.07l.03.072l-.003-.002l.001.003l9.62 4.82l67.257 33.712c18.507 8.974 31.277 27.936 31.277 49.887v.381q-.003.024-.002.05v.078l-.001.03v.097l-.001.026v.07l-.001.03v.02l-.002.113v.01c-.227 14.296-5.873 27.278-14.972 36.98a55.6 55.6 0 0 1-14.495 11.087l16.712-8.536l9.315-4.753c42.829-21.382 72.243-65.631 72.243-116.752z"/><path fill="#c5d83e" d="M0 130.036C0 78.92 29.41 34.673 72.243 13.296L98.268 0c-17.53 9.304-29.473 27.74-29.473 48.967c0 11.425 3.456 22.041 9.381 30.861c-8.818 22.07-13.95 44.715-15.678 67.25a81.8 81.8 0 0 1-36.981 8.799q-1.909 0-3.834-.09a82.5 82.5 0 0 1-19.751-3.322zm186.635 208.332v-.056zm0 .062v-.048zm-.002.064l.002-.055zm0 .058v-.044zm0 .065v-.053zm0 .057v-.04zm0 .069v-.05zm0 .052v-.031zm-.002.058l.001-.031zm0 .067v-.027zm-.001.055l.001-.026zm0 .07v-.026zm-.001.05v-.02zm-.001.122v-.01z"/><path fill="url(#SVGV7I6oTGz)" d="m78.48 249.892l-8.087-4.055l-.057-.03l-.023-.011l-.033-.018l-.03-.016l-.024-.013l-.032-.016l-.024-.014l-.034-.018l-.017-.009l-.134-.07l-.01-.007l-.054-.028c-.013-.006-.03-.017-.042-.024l-.011-.004l-.045-.024l-.004-.003C34.636 227.046 8.95 192.955 1.932 152.46a82.5 82.5 0 0 0 19.751 3.323q1.926.09 3.834.089a81.8 81.8 0 0 0 36.981-8.799c-2.717 35.448 2.981 70.617 15.983 102.819"/><path fill="url(#SVGj4ac0cbD)" d="m104.407 101.033l-4.335-2.173a45 45 0 0 1-.756-.373h-.001l-.052-.027h-.001l-.055-.028l-.047-.024l-.007-.004l-.044-.022l-.01-.006l-.04-.02l-.015-.007l-.032-.017l-.022-.011l-.022-.011l-.032-.017l-.005-.002a55.66 55.66 0 0 1-20.755-18.463c-8.818 22.07-13.95 44.715-15.678 67.25a82.7 82.7 0 0 0 35.337-34.31zm148.469 130.502c-30.683 20.296-67.377 32.06-106.577 32.06q-4.479 0-8.996-.207a194 194 0 0 1-49.203-8.675l67.256 33.712c18.507 8.974 31.277 27.936 31.277 49.887v.381q-.003.024-.002.05v.078l-.001.03v.097l-.001.026v.07l-.001.03v.02l-.002.113v.01c-.227 14.296-5.873 27.278-14.972 36.98a55.6 55.6 0 0 1-14.495 11.087l16.712-8.536l9.315-4.753c42.829-21.382 72.243-65.631 72.243-116.752z"/><path fill="url(#SVGH8lqZE5o)" d="M146.3 263.595q-4.48 0-8.997-.207a194 194 0 0 1-49.203-8.675l-9.62-4.82c-13.002-32.202-18.7-67.37-15.983-102.814a82.7 82.7 0 0 0 35.336-34.31l6.572-11.734l80.63 40.416a131 131 0 0 1 8.606 4.892l.034.02l.012.007c30.094 18.674 52.005 49.261 59.188 85.167c-30.681 20.294-67.375 32.058-106.576 32.058"/></svg>How to use the Sencha icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:sencha" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:sencha" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:sencha" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--sencha]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:sencha"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:sencha"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/sencha.svg" alt="Sencha icon" width="24" height="24">Sencha icon in other icon sets
Sencha icon FAQ
Is the Sencha icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Sencha icon in React?
Install @iconify/react and render <Icon icon="logos:sencha" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Sencha icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/sencha.svg" alt="Sencha icon">, or paste the SVG code inline to style it with CSS.