Ikon Axure
thesvg-color:axure
Ikon Axure (thesvg-color:axure) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 336 × 80. 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
- 336 × 80
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="336" height="80" viewBox="0 0 336 80"><g fill="none" fill-rule="evenodd"><path fill="#272727" d="M326.63 19.441c-13.71 0-21.455 2.647-25.902 8.85c-4.646 6.479-5.58 16.706-5.58 31.11c0 28.276 4.375 40.096 31.482 40.096c3.256 0 14.385-.062 20.882-.855c2.528-.419 3.66-2.355 3.66-4.087v-3.123c0-2.43-1.836-4.264-4.273-4.264h-20.27c-15.294 0-18.052-3.605-18.444-24.101v-6.635c.13-20.974 2.888-24.662 18.445-24.662c14.345 0 17.096 3.273 17.573 21.738h-22.794v12.466h29.98c5.905 0 5.905-4.13 5.905-5.486v-3.98c-.428-28.753-7.307-37.067-30.664-37.067m-39.476 1.099l-.326-.086c-2.792-.587-10.422-1.013-14.205-1.013c-13.387 0-20.462 5.605-20.462 16.209v59.04c0 2.43 1.7 4.128 4.137 4.128h4.762c2.437 0 4.138-1.697 4.138-4.128V36.734c0-2.617.662-4.964 8.65-4.964l11.828-.01c1.158.138 2.263-.182 3.114-.903c.929-.783 1.44-1.926 1.44-3.215v-2.987c0-1.96-1.122-3.46-3.076-4.115m-57.172-.148h-4.762c-2.436 0-4.138 1.697-4.138 4.128v62.649h-19.804c-12.25 0-17.22-.779-17.22-20.303V24.52c0-2.43-1.702-4.128-4.138-4.128h-4.627c-2.436 0-4.273 1.774-4.273 4.128v42.346c0 27.748 10.064 32.631 31.21 32.631c7.607 0 18.025 0 27.96-1.399l.23-.046c2.454-.613 3.699-2.018 3.699-4.176V24.52c0-2.43-1.702-4.128-4.137-4.128"/><path fill="#74bb11" d="M156.332 22.331c-.611-1.3-1.922-2.075-3.506-2.075h-6.121c-1.778 0-3.107.716-3.807 2.005l-9.072 13.255l7.942 10.861l13.866-19.89c1.522-1.849.995-3.523.698-4.156"/><path fill="#009cd9" d="m108.505 22.11l-.008-.012c-1.383-1.843-3.223-1.843-3.828-1.843h-5.987c-1.534 0-2.79.705-3.446 1.932c-.675 1.257-.532 2.767.402 4.166l22.179 30.746l-25.504 35.572c-.891 1.338-1.016 2.825-.343 4.081c.66 1.227 1.917 1.93 3.448 1.93h6.12c1.574 0 2.958-.817 3.65-2.104l28.547-39.337z"/><path fill="#eb2084" d="m159.377 92.982l-17.794-24.42l-7.827 10.79l14.072 18.781l.366.16a4.4 4.4 0 0 0 1.775.388h5.985c1.446 0 2.673-.642 3.368-1.764c.712-1.15.732-2.583.055-3.935"/><path fill="#272727" d="M68.774 65.43v20.738c-6.06.93-15.297 1.136-18.445 1.136c-13.926 0-15.452-3.805-15.452-11.886c0-7.562 2.83-9.989 11.643-9.989zM49.649 19.44c-4.303 0-10.171.112-17.472.99l-.33.073c-2.127.605-3.204 2.002-3.204 4.152v2.986c0 2.546 1.585 4.128 4.137 4.128h16.87c13.583 0 19.124 3.68 19.124 12.701v8.767H46.52c-17.393 0-24.815 6.633-24.815 22.18c0 17.328 7.682 24.08 27.4 24.08c7.987 0 22.689-.621 28.123-2.278c4.582-1.272 4.582-4.772 4.582-5.922v-47.64c0-16.295-10.52-24.217-32.16-24.217z"/></g></svg>Cara memakai ikon Axure
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:axure" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:axure" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:axure" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--axure]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:axure"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:axure"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/axure.svg" alt="Ikon Axure" width="24" height="24">FAQ Ikon Axure
Apakah ikon Axure 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 Axure di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:axure" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Axure ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/axure.svg" alt="Ikon Axure">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.