Ikon Carrd
thesvg-color:carrd
Ikon Carrd (thesvg-color:carrd) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 896 × 896. theSVG Color 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
- theSVG Color
- Pembuat
- thesvg.org
- Lisensi
- MIT
- Ukuran
- 896 × 896
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="896" height="896" viewBox="0 0 896 896"><linearGradient id="SVG9HTRVcqt" x1="141.569" x2="754.431" y1="143.569" y2="756.431" gradientTransform="matrix(1 0 0 -1 0 898)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#7366a7"/><stop offset=".268" stop-color="#6b68aa"/><stop offset=".691" stop-color="#546db1"/><stop offset="1" stop-color="#3f71b7"/></linearGradient><path fill="url(#SVG9HTRVcqt)" d="M448 881.3c-239.4 0-433.4-194-433.4-433.3S208.6 14.7 448 14.7s433.4 194 433.4 433.3s-194 433.3-433.4 433.3"/><path fill="#fff" d="M661.2 613.1L401.1 738c-1.6.8-3.4 1.2-5.2 1.2c-2.2 0-4.4-.6-6.4-1.8c-3.5-2.2-5.6-6-5.6-10.2V603.5l-140.5-58.8c-4.5-1.9-7.4-6.2-7.4-11.1V208.8c0-4.1 2.1-8 5.6-10.2s7.9-2.4 11.6-.7l270.4 129.8l127.3-61.1c3.7-1.8 8.1-1.5 11.6.7s5.6 6 5.6 10.2v324.8c-.1 4.6-2.7 8.8-6.9 10.8M260 227.9v297.7l123.9 51.9v-59.8L306 486.3c-6.1-2.5-9.1-9.5-6.7-15.6c2.5-6.2 9.5-9.1 15.6-6.7l69 27.8v-49.1L306 411.3c-6.1-2.5-9.1-9.5-6.7-15.6c2.5-6.2 9.5-9.1 15.6-6.7l69 27.8v-14.3c0-4.6 2.6-8.8 6.8-10.8l17.8-8.6l-103.1-46.9c-6-2.7-8.7-9.9-6-15.9s9.9-8.7 15.9-6l121.3 55.3l59.1-28.4zm384 68.7L407.9 410v298.2L644 594.7zM453 451.8l135.3-65.4c6-2.9 13.1-.4 16 5.6s.4 13.2-5.6 16l-135.3 65.4c-1.7.8-3.5 1.2-5.2 1.2c-4.5 0-8.7-2.5-10.8-6.8c-2.8-5.9-.3-13.1 5.6-16m0 75l135.3-65.4c6-2.9 13.1-.4 16 5.6s.4 13.2-5.6 16l-135.3 65.4c-1.7.8-3.5 1.2-5.2 1.2c-4.5 0-8.7-2.5-10.8-6.8c-2.8-6-.3-13.1 5.6-16m0 74.9l135.3-65.4c6-2.9 13.1-.4 16 5.6s.4 13.2-5.6 16l-135.3 65.4c-1.7.8-3.5 1.2-5.2 1.2c-4.5 0-8.7-2.5-10.8-6.8c-2.8-5.9-.3-13.1 5.6-16"/></svg>Cara memakai ikon Carrd
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:carrd" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:carrd" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:carrd" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--carrd]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:carrd"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:carrd"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/carrd.svg" alt="Ikon Carrd" width="24" height="24">Ikon Carrd di set ikon lain
FAQ Ikon Carrd
Apakah ikon Carrd gratis untuk penggunaan komersial?
Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Carrd di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:carrd" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Carrd ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/carrd.svg" alt="Ikon Carrd">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.