Ikon Cypress Dark
skill-icons:cypress-dark
Ikon Cypress Dark (skill-icons:cypress-dark) adalah ikon SVG gratis dari set Skill Icons karya tandpfun. Ikon ini digambar pada grid 256 × 256. Skill Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Skill Icons
- Pembuat
- tandpfun
- Lisensi
- MIT
- Ukuran
- 256 × 256
- Tag
- cypressdark
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none"><g clip-path="url(#SVGv3WPqdcU)"><path fill="#242938" d="M196 0H60C26.863 0 0 26.863 0 60v136c0 33.137 26.863 60 60 60h136c33.137 0 60-26.863 60-60V60c0-33.137-26.863-60-60-60"/><path fill="#1b1e2e" d="M101.859 109.68c6.978 0 12.648 3.731 15.555 10.211l.218.51l11.703-3.986l-.236-.601c-4.525-11.067-14.974-17.93-27.24-17.93c-8.632 0-15.647 2.767-21.444 8.464c-5.76 5.662-8.668 12.779-8.668 21.152c0 8.319 2.926 15.399 8.668 21.042c5.797 5.698 12.812 8.464 21.444 8.464c12.266 0 22.697-6.88 27.24-17.929l.236-.601l-11.721-3.986l-.2.528c-2.617 6.389-8.432 10.193-15.555 10.193c-4.852 0-8.96-1.693-12.194-5.042c-3.29-3.386-4.943-7.663-4.943-12.669c0-5.042 1.618-9.229 4.943-12.778c3.253-3.35 7.342-5.042 12.194-5.042"/><path fill="url(#SVGmvetBd9N)" d="m152.669 210.085l-3.489-11.522c31.474-9.575 52.627-38.135 52.627-71.063c0-9.083-1.617-17.966-4.816-26.376l11.231-4.277c3.725 9.793 5.615 20.095 5.615 30.671c-.018 38.244-24.587 71.427-61.168 82.567"/><path fill="#69d3a7" d="M198.554 105.73c-9.613-31.418-38.162-52.515-71.054-52.515c-4.471 0-8.941.4-13.302 1.183l-2.126-11.85a87.3 87.3 0 0 1 15.428-1.383c38.198 0 71.363 24.519 82.539 61.015z"/><path fill="url(#SVGFHWujdFJ)" d="M46.706 157.935c-3.671-9.72-5.525-19.968-5.525-30.435c0-44.596 33.42-81.53 77.742-85.898l1.181 11.977c-38.144 3.768-66.91 35.55-66.91 73.921c0 9.011 1.598 17.839 4.742 26.194z"/><path fill="#1b1e2e" d="m175.148 98.977l-16.664 42.302l-16.791-42.302h-13.739l23.552 57.738l-17.155 41.684l12.012 2.403l41.76-101.825z"/><path fill="url(#SVG76PheehZ)" d="m136.513 193.157l-2.526 6.134c-.581 1.402-1.908 2.366-3.398 2.421c-1.036.036-2.053.073-3.107.073c-32.983 0-62.35-22.116-71.418-53.789l-11.557 3.313c10.54 36.787 44.65 62.49 82.957 62.508h.018c1.199 0 2.398-.018 3.598-.073c6.16-.255 11.666-4.132 14.029-9.866l3.416-8.318z"/></g><defs><linearGradient id="SVGmvetBd9N" x1="220.45" x2="143.302" y1="128.046" y2="177.914" gradientUnits="userSpaceOnUse"><stop offset=".081" stop-color="#69d3a7"/><stop offset="1" stop-color="#69d3a7" stop-opacity="0"/></linearGradient><linearGradient id="SVGFHWujdFJ" x1="98.766" x2="50.215" y1="42.257" y2="145.059" gradientUnits="userSpaceOnUse"><stop stop-color="#69d3a7"/><stop offset=".823" stop-color="#2ab586"/><stop offset="1" stop-color="#1cae7f"/></linearGradient><linearGradient id="SVG76PheehZ" x1="41.059" x2="168.061" y1="167.026" y2="206.818" gradientUnits="userSpaceOnUse"><stop offset=".077" stop-color="#1cae7f"/><stop offset=".164" stop-color="#1ca379"/><stop offset=".316" stop-color="#1c8568"/><stop offset=".516" stop-color="#1b554d"/><stop offset=".719" stop-color="#1b1e2e"/></linearGradient><clipPath id="SVGv3WPqdcU"><path fill="#fff" d="M0 0h256v256H0z"/></clipPath></defs></g></svg>Cara memakai ikon Cypress Dark
React
import { Icon } from "@iconify/react";
<Icon icon="skill-icons:cypress-dark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="skill-icons:cypress-dark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="skill-icons:cypress-dark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--cypress-dark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:cypress-dark"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="skill-icons:cypress-dark"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/skill-icons/cypress-dark.svg" alt="Ikon Cypress Dark" width="24" height="24">Ikon terkait di Skill Icons
FAQ Ikon Cypress Dark
Apakah ikon Cypress Dark gratis untuk penggunaan komersial?
Ya. Skill Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Cypress Dark di React?
Pasang @iconify/react lalu render <Icon icon="skill-icons:cypress-dark" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Cypress Dark ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/skill-icons/cypress-dark.svg" alt="Ikon Cypress Dark">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.