Ikon Css
el:css
Ikon Css (el:css) adalah ikon SVG gratis dari set Elusive Icons karya Team Redux. Ikon ini digambar pada grid 1200 × 1200. Elusive Icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Elusive Icons
- Pembuat
- Team Redux
- Lisensi
- OFL-1.1
- Ukuran
- 1200 × 1200
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M0 23.584v927.1l600 225.732l600-225.732v-927.1zm287.329 368.042c85.63 1.335 145.205 44.392 145.752 130.078H340.21c.063-22.869-9.76-44.64-30.322-53.32c-23.199-8.298-52.19-4.187-67.09 15.454c-15.955 23.851-13.11 50.549-13.11 78.662c-.879 37.461 18.296 69.844 56.323 70.093c38.528-1.939 56.835-20.738 57.202-55.444h89.868c-2.157 92.03-64.41 127.729-145.752 128.101c-102.733.624-156.271-71.726-157.104-156.885c-.605-102.699 72.001-155.903 157.104-156.739m324.976 0c61.678-.651 132.208 26.193 133.96 93.53v5.127h-91.187v-1.685c-.563-22.112-20.637-30.676-39.111-30.762c-13.39.343-39.815 3.222-40.21 19.775c3.371 26.164 68.358 30.933 88.55 35.889c46.904 9.965 88.957 36.56 90.308 85.986c-1.521 80.015-66.448 105.503-133.447 105.762c-79.6-.569-149.041-19.703-149.634-107.886h91.992c-.858 31.54 23.761 38.174 48.779 38.232c14.99-.002 42.551-.543 42.773-20.215c-3.029-24.25-70.219-30.547-89.429-35.449c-49.614-12.438-88.86-38.271-89.209-91.333c3.43-77.204 72.728-96.733 135.865-96.971m318.164 0c66.098.555 133.887 25.562 133.887 98.657h-91.113c.812-23.003-20.373-32.359-39.111-32.446c-13.39.343-39.815 3.222-40.21 19.775c2.864 25.832 68.604 30.992 88.55 35.889c32.667 7.887 66.021 21.116 81.885 50.537c5.302 9.601 8.062 21.406 8.35 35.449c-1.464 80.036-66.423 105.503-133.447 105.762c-79.554-.549-149.03-19.751-149.634-107.886h91.992c-.497 20.146 10.264 33.738 28.638 36.914c16.626 1.562 62.68 7.109 62.988-18.896c-3.621-24.639-69.896-30.464-89.429-35.449c-49.663-12.446-88.86-38.221-89.209-91.333c3.441-77.258 72.647-96.734 135.863-96.973"/></svg>
Cara memakai ikon Css
React
import { Icon } from "@iconify/react";
<Icon icon="el:css" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="el:css" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="el:css" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[el--css]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:css"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="el:css"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/el/css.svg" alt="Ikon Css" width="24" height="24">
Ikon Css di set ikon lain
FAQ Ikon Css
Apakah ikon Css gratis untuk penggunaan komersial?
Ya. Elusive Icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Css di React?
Pasang @iconify/react lalu render <Icon icon="el:css" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Css ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/el/css.svg" alt="Ikon Css">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Elusive Icons →
ICONYZ
