Cucumber ikonu

logos:cucumber

Cucumber ikonu (logos:cucumber), SVG Logos setinden ücretsiz bir SVG ikondur (yapımcı: Gil Barbara). 256 × 293 ızgara üzerinde çizilmiştir. SVG Logos icons, CC0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti: SVG Logos
Yazar: Gil Barbara
Lisans: CC0-1.0
Boyut: 256 × 293

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="293" viewBox="0 0 256 293"><path fill="#23d96c" d="M190.207 22.987a101 101 0 0 0-6.81-3.74c-2.371-1.16-4.806-2.289-7.278-3.266c-.782-.328-1.557-.63-2.346-.94c-2.163-.8-4.345-1.69-6.57-2.34C123.828-1.78 75.998 9.098 43.155 40.916s-45.232 79.277-32.132 123.089c13.1 43.81 49.51 76.68 94.427 85.245v35.063c73.632-11.055 138.839-69.236 143.701-145.63c2.895-45.967-20.136-92.891-58.945-115.695"/><path fill="#173647" d="M98.792 292.024v-37.427c-46.02-11.116-82.263-46.529-94.443-92.278S6.006 67.824 40.406 35.298C74.806 2.77 124.25-8.318 169.246 6.402c1.727.504 3.512 1.179 5.246 1.835l1.564.586c1.04.404 1.835.713 2.63 1.053c2.194.864 4.66 1.974 7.618 3.425q3.714 1.86 7.271 3.992c40.316 23.686 65.295 72.635 62.16 121.811c-4.811 75.675-67.615 139.507-149.325 151.773zm30.27-278.826h-.164C69.036 12.904 18.812 58.276 13.045 117.861c-5.768 59.584 34.822 113.746 93.63 124.937l5.36 1.04v32.667c71.84-14.025 126.182-71.084 130.451-138.246c2.825-44.352-19.55-88.401-55.684-109.621l-.05-.032a93 93 0 0 0-6.37-3.5c-2.579-1.261-4.742-2.239-6.754-3.033a36 36 0 0 0-2.17-.87l-1.702-.631c-1.557-.593-3.033-1.154-4.465-1.57a116.2 116.2 0 0 0-36.216-5.804z"/><path fill="#173647" d="M104.335 66.721c3.76-.468 7.504.97 9.983 3.834a26.4 26.4 0 0 1 4.59 6.981c4.068 8.968 6.477 21.826 1.451 29.04A39.94 39.94 0 0 1 95.254 87.11a20.4 20.4 0 0 1-2.188-8.444a12.34 12.34 0 0 1 11.27-11.944M68.498 117.33a49 49 0 0 0 7.68 4.647a36.5 36.5 0 0 0 30.794-.87A38.57 38.57 0 0 0 85.877 99.35a23.1 23.1 0 0 0-9.094-2.025a12 12 0 0 0-2.012 0a11.137 11.137 0 0 0-6.274 20.004m38.468 21.649c-4.9-3.267-15.003-1.949-20.886-1.841a27.9 27.9 0 0 0-10.507 2.22a22.1 22.1 0 0 0-7.68 4.653a11.458 11.458 0 0 0 8.885 19.998a20.8 20.8 0 0 0 9.093-2.025c9.056-3.91 19.808-14.63 21.101-23.005zm16.46 12.613A41.34 41.34 0 0 0 99.94 173.7a19.5 19.5 0 0 0-2.025 8.286a12.026 12.026 0 0 0 20.811 8.488a47 47 0 0 0 4.414-7.681c3.917-8.406 5.462-23.46.29-31.203zm16.124-45.197a37.47 37.47 0 0 0 23.333-19.972a20.45 20.45 0 0 0 2.012-8.489c.145-6.477-4.847-11.914-11.313-12.322a11.55 11.55 0 0 0-10.09 4.042a46.6 46.6 0 0 0-4.446 7.681c-3.91 9.044-5.31 21.946.51 29.028zm26.537 76.4a20.5 20.5 0 0 0-2.024-8.482a37 37 0 0 0-22.413-20.615a33.97 33.97 0 0 0-1.425 29.709a26.2 26.2 0 0 0 4.414 7.069c7.145 7.757 22.104 2.018 21.454-7.681zm26.486-39.603a47 47 0 0 0-7.674-4.415a27.9 27.9 0 0 0-10.507-2.22a40.36 40.36 0 0 0-20.104 3.5a37.58 37.58 0 0 0 20.912 21.353a23.2 23.2 0 0 0 9.093 2.018a11.351 11.351 0 0 0 8.261-20.236z"/></svg>

Cucumber ikonu nasıl kullanılır

React

import { Icon } from "@iconify/react";

<Icon icon="logos:cucumber" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:cucumber" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:cucumber" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--cucumber]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:cucumber"></div>

Web bileşeni

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:cucumber"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/logos/cucumber.svg" alt="Cucumber ikonu" width="24" height="24">

Diğer ikon setlerinde Cucumber ikonu

Cucumber ikonu: sık sorulan sorular

Cucumber ikonu ticari kullanım için ücretsiz mi?

Evet. SVG Logos icons, CC0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Cucumber ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="logos:cucumber" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Cucumber ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/logos/cucumber.svg" alt="Cucumber ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: SVG Logos ikonları →