Ikon Cypress
logos:cypress
Ikon Cypress (logos:cypress) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 207. 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
- 512 × 207
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="207" viewBox="0 0 512 207"><defs><linearGradient id="SVGCjzVJcKO" x1="21.967%" x2="81.691%" y1="36.369%" y2="66.621%"><stop offset="9.39%" stop-color="#58d09e"/><stop offset="98.83%" stop-color="#58d09e" stop-opacity="0"/></linearGradient><linearGradient id="SVG5z9suFeq" x1="-2.865%" x2="115.797%" y1="42.45%" y2="63.329%"><stop offset="7.74%" stop-color="#58d09e"/><stop offset="76.17%" stop-color="#1b1e2e"/></linearGradient></defs><path fill="#69d3a7" d="M3.674 130.62A103.4 103.4 0 0 1 0 103.265C0 60.92 26.595 22.201 66.183 6.932l5.19 13.434c-34.076 13.146-56.963 46.458-56.963 82.9a89 89 0 0 0 3.154 23.539z"/><path fill="url(#SVGCjzVJcKO)" d="M182.645 62.358c-15.405-29.576-45.73-47.952-79.12-47.952c-11.831 0-23.33 2.278-34.154 6.756L63.848 7.86C76.432 2.654 89.78 0 103.525 0c38.79 0 74.007 21.339 91.903 55.702z"/><path fill="url(#SVG5z9suFeq)" d="m114.634 180.66l-3.508 8.492c-.698 1.68-2.292 2.819-4.084 2.896a96 96 0 0 1-3.586.078c-41.293-.022-77.826-29.134-86.88-69.246l-14.055 3.173c5.08 22.5 17.83 42.92 35.903 57.515c18.283 14.76 41.314 22.909 64.877 22.953h.21c1.384 0 2.756-.033 4.128-.088c7.393-.31 14-4.942 16.823-11.808l4.581-11.101z"/><path fill="#1b1e2e" d="m120.38 69.157l20.132 50.605l19.998-50.605h15.561l-49.615 120.647l-14.399-2.864l20.088-48.714l-28.233-69.069zm-47.766-1.305c14.719 0 27.236 8.226 32.67 21.461l.299.719l-14.033 4.765l-.277-.608C87.776 86.416 80.97 81.96 72.613 81.96c-5.821 0-10.746 2.035-14.63 6.06c-3.985 4.245-5.933 9.242-5.933 15.28c0 5.992 1.992 11.089 5.932 15.146c3.896 4.003 8.81 6.037 14.632 6.037c8.544 0 15.516-4.566 18.648-12.206l.266-.63l14.055 4.776l-.299.719c-5.434 13.223-17.951 21.45-32.67 21.45c-10.349 0-18.76-3.318-25.71-10.129c-6.906-6.766-10.403-15.235-10.403-25.175c0-10.028 3.497-18.541 10.403-25.308c6.95-6.81 15.361-10.128 25.71-10.128m172.927 10.14c-6.474-6.723-14.553-10.14-24.027-10.14c-9.407 0-17.155 3.35-23.042 9.951v-8.646h-15.163v94.211h15.163V128.64c5.887 6.6 13.624 9.951 23.042 9.951c9.474 0 17.564-3.417 24.038-10.15c6.375-6.766 9.596-15.224 9.596-25.153c-.011-10.028-3.232-18.53-9.607-25.297m-11.886 40.432c-3.885 4.014-8.81 6.037-14.62 6.037c-5.899 0-10.68-1.979-14.631-6.037c-3.94-4.057-5.932-9.154-5.932-15.147c0-6.17 1.936-11.167 5.932-15.28c3.94-4.069 8.72-6.037 14.63-6.037c5.822 0 10.736 2.035 14.62 6.037c3.908 4.025 5.8 9.022 5.8 15.28c0 6.17-1.903 11.123-5.8 15.147m46.173-41.151v-8.116h-15.163v68.118h15.163v-38.43c0-6.159 2.479-10.869 7.37-13.998c4.86-3.107 10.692-3.682 17.83-1.735l.919.254V68.793l-.564-.133c-9.585-2.289-19.203 1.006-25.555 8.613m65.452-9.42c-9.994 0-18.471 3.405-25.2 10.127c-6.818 6.811-10.27 15.324-10.27 25.308c0 9.94 3.497 18.409 10.403 25.175c6.95 6.811 15.361 10.128 25.71 10.128c14.022 0 26.074-7.12 32.25-19.05l.354-.686l-12.827-5.682l-.31.608c-3.719 7.186-10.857 11.476-19.07 11.476c-10.668 0-18.836-6.512-21.05-16.673h55.005l.067-.652c1.195-10.99-1.638-20.52-8.4-28.338c-6.73-7.794-15.705-11.742-26.662-11.742m-19.556 28.57c2.69-9.3 10.282-15.247 19.556-15.247c9.53 0 17.122 5.948 19.579 15.246zm95.125.364c-8.267-1.548-15.405-2.897-15.405-8.646c0-4.566 4.858-7.75 11.808-7.75c7.67 0 11.876 3.294 12.86 10.072l.112.763l15.16-3.174l-.107-.685c-2.04-12.04-12.775-19.525-28.013-19.525c-7.648 0-14.123 1.979-19.236 5.882c-5.223 3.88-7.869 8.944-7.869 15.07c0 8.866 5.623 15.522 15.063 17.8c2.446.575 5.036 1.04 7.537 1.504c9.396 1.714 18.272 3.339 18.272 9.663c0 4.876-5.666 8.27-13.767 8.27c-8.246 0-12.794-3.295-13.912-10.083l-.122-.752l-15.151 3.173l.122.696c2.202 12.218 13.059 19.515 29.051 19.515c8.124 0 15.087-2.023 20.663-6.003c5.58-3.937 8.398-9.012 8.398-15.082c0-15.92-14.108-18.574-25.464-20.708m65.684 0c-8.265-1.548-15.403-2.897-15.403-8.646c0-4.566 4.858-7.75 11.806-7.75c7.672 0 11.875 3.294 12.86 10.072l.113.763l15.162-3.174l-.112-.685c-2.035-12.04-12.77-19.525-28.01-19.525c-7.65 0-14.125 1.979-19.236 5.882c-5.223 3.88-7.87 8.944-7.87 15.07c0 8.866 5.624 15.522 15.064 17.8c2.448.575 5.034 1.04 7.538 1.504c9.396 1.714 18.272 3.339 18.272 9.663c0 4.876-5.666 8.27-13.768 8.27c-8.248 0-12.795-3.295-13.914-10.083l-.12-.752l-15.15 3.173l.12.696c2.204 12.218 13.059 19.515 29.051 19.515c8.124 0 15.085-2.023 20.665-6.003c5.577-3.937 8.399-9.012 8.399-15.082c0-15.92-14.112-18.574-25.467-20.708"/></svg>Cara memakai ikon Cypress
React
import { Icon } from "@iconify/react";
<Icon icon="logos:cypress" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:cypress" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:cypress" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--cypress]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:cypress"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:cypress"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/cypress.svg" alt="Ikon Cypress" width="24" height="24">Ikon terkait di SVG Logos
Ikon Cypress di set ikon lain
FAQ Ikon Cypress
Apakah ikon Cypress 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 di React?
Pasang @iconify/react lalu render <Icon icon="logos:cypress" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Cypress ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/cypress.svg" alt="Ikon Cypress">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.