Ikon Cypress Icon
logos:cypress-icon
Ikon Cypress Icon (logos:cypress-icon) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 256 × 256. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 256 × 256
- Tag
- cypressicon
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><defs><linearGradient id="SVGvmrmVdVJ" x1="6.32%" x2="87.52%" y1="44.028%" y2="58.406%"><stop offset="0%" stop-color="#315c55"/><stop offset="100%" stop-color="#09293f"/></linearGradient><linearGradient id="SVGQQVDfeqK" x1="54.298%" x2="50%" y1="27.262%" y2="100%"><stop offset="0%" stop-color="#4fb38d"/><stop offset="100%" stop-color="#315c55"/></linearGradient><linearGradient id="SVGw3GnCd1z" x1="13.909%" x2="70.819%" y1="50%" y2="54.96%"><stop offset="0%" stop-color="#4fb38d"/><stop offset="100%" stop-color="#97dec0"/></linearGradient><linearGradient id="SVGbRYQteIM" x1="53.86%" x2="38.388%" y1="30.892%" y2="95.794%"><stop offset="0%" stop-color="#97dec0"/><stop offset="100%" stop-color="ivory" stop-opacity="0"/><stop offset="100%" stop-color="ivory" stop-opacity="0"/></linearGradient></defs><path fill="url(#SVGvmrmVdVJ)" d="m141.651 223.943l-4.335 10.526c-.861 2.084-2.83 3.495-5.046 3.59c-1.464.056-2.94.097-4.431.097c-51.024-.027-96.169-36.113-107.355-85.836l-17.369 3.933c6.277 27.89 22.032 53.204 44.365 71.295c22.592 18.296 51.052 28.397 80.167 28.452h.26c1.71 0 3.406-.041 5.101-.11c9.136-.383 17.3-6.126 20.788-14.637l5.661-13.76z"/><path fill="url(#SVGQQVDfeqK)" d="M4.54 161.914A128.5 128.5 0 0 1 0 128.007C0 75.516 32.863 27.52 81.782 8.593l6.414 16.652c-42.108 16.295-70.39 57.59-70.39 102.762a110.7 110.7 0 0 0 3.898 29.178z"/><path fill="url(#SVGw3GnCd1z)" d="M225.693 77.298c-19.037-36.662-56.509-59.44-97.769-59.44c-14.62 0-28.828 2.823-42.204 8.374L78.897 9.744C94.446 3.29 110.939 0 127.924 0c47.934 0 91.45 26.451 113.564 69.047z"/><path fill="#09293f" d="M89.727 101.597c10.326 0 18.737 5.523 23.058 15.158l.342.754l17.34-5.907l-.369-.891c-6.715-16.405-22.182-26.602-40.37-26.602c-12.787 0-23.181 4.112-31.77 12.554c-8.533 8.388-12.855 18.94-12.855 31.371c0 12.321 4.322 22.82 12.855 31.207c8.589 8.443 18.983 12.554 31.77 12.554c18.188 0 33.655-10.197 40.37-26.588l.37-.89l-17.368-5.922l-.329.782c-3.87 9.47-12.486 15.13-23.044 15.13c-7.193 0-13.265-2.521-18.08-7.483c-4.867-5.03-7.329-11.348-7.329-18.776c0-7.483 2.407-13.678 7.33-18.94c4.8-4.99 10.886-7.511 18.08-7.511"/><path fill="#09293f" d="m198.341 85.726l-24.712 62.729l-24.877-62.729h-20.35l34.888 85.617l-24.822 60.385l17.792 3.55l61.309-149.552z"/><path fill="url(#SVGbRYQteIM)" d="M241.488 69.047C250.491 86.585 256 107.185 256 128.27c0 49.2-27.671 91.916-68.253 113.343l-8.768-15.548c35.19-18.352 59.227-55.258 59.227-97.795c0-18.46-4.513-35.691-12.513-50.973z"/></svg>Cara memakai ikon Cypress Icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:cypress-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:cypress-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:cypress-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--cypress-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:cypress-icon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:cypress-icon"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/cypress-icon.svg" alt="Ikon Cypress Icon" width="24" height="24">Ikon terkait di SVG Logos
FAQ Ikon Cypress Icon
Apakah ikon Cypress Icon gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Cypress Icon di React?
Pasang @iconify/react lalu render <Icon icon="logos:cypress-icon" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Cypress Icon ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/cypress-icon.svg" alt="Ikon Cypress Icon">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.