Ikon Contour Light
thesvg-color:contour-light
Ikon Contour Light (thesvg-color:contour-light) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 360 × 360. 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
- 360 × 360
- Tag
- contourlight
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="360" height="360" viewBox="0 0 360 360"><path fill="#009cdc" d="M233.494 13.607A172.5 172.5 0 0 0 189.6 5.438c-18.11 99.876-68.02 169.764-111.296 213.538a430.6 430.6 0 0 1-50.308 43.508a174 174 0 0 0 13.98 21.408c27.223-17.232 52.176-36.806 71.681-55.386c46.631-44.418 100.42-115.007 119.836-214.899m58.397 110.34a372.5 372.5 0 0 0 23.406-53.908a175 175 0 0 0-30.63-29.736c-23.844 94.18-79.445 162.106-127.98 205.904a497.6 497.6 0 0 1-89.624 64.254a175 175 0 0 0 14.718 11.372a517.2 517.2 0 0 0 106.499-70.697c43.913-37.733 78.773-80.526 103.61-127.19"/><path fill="#009cdc" d="M277.15 34.899a173.2 173.2 0 0 0-38.294-19.473c-19.8 100.895-74.176 172.22-121.333 217.14a464 464 0 0 1-71.817 56.067a175 175 0 0 0 14.624 15.728a485.2 485.2 0 0 0 90.613-64.519C199.065 196.417 254.268 128.8 277.151 34.9m58.983 98.3c2.517-4.486 4.893-9.006 7.203-13.541a173.3 173.3 0 0 0-19.695-38.41a386 386 0 0 1-21.565 48.12c-25.514 47.935-61.272 91.848-106.277 130.52a533.5 533.5 0 0 1-102.628 69.143q7.062 4.101 14.525 7.544a550 550 0 0 0 117.96-74.18c46.77-38.432 83.94-81.9 110.477-129.196M186.938 5.34c-2.277-.089-4.556-.174-6.854-.174c-95.745 0-173.64 77.898-173.64 173.64a172.5 172.5 0 0 0 20.289 81.333a428 428 0 0 0 49.696-43.018c42.94-43.434 92.455-112.746 110.509-211.78"/><path fill="#009cdc" d="M348.787 140.3c-27.423 48.873-65.75 93.724-113.918 133.306a571.3 571.3 0 0 1-108.75 70.21a172.9 172.9 0 0 0 53.965 8.63c95.744 0 173.64-77.897 173.64-173.64a173.4 173.4 0 0 0-4.533-39.264c-.14.251-.264.507-.404.758"/></svg>Cara memakai ikon Contour Light
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:contour-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:contour-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:contour-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--contour-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:contour-light"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:contour-light"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/contour-light.svg" alt="Ikon Contour Light" width="24" height="24">Ikon terkait di theSVG Color
FAQ Ikon Contour Light
Apakah ikon Contour Light 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 Contour Light di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:contour-light" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Contour Light ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/contour-light.svg" alt="Ikon Contour Light">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.