Ikon Orshot
thesvg-color:orshot
Ikon Orshot (thesvg-color:orshot) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 512 × 512. 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
- 512 × 512
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><g fill="none"><rect width="512" height="512" fill="#111" rx="96"/><path fill="#fff" stroke="#fff" stroke-width="6" d="M281.003 278.046c4.759 6.096 10.199 11.174 16.321 15.212a384 384 0 0 1-23.711 29.909c-8.947 9.949-18.226 18.574-27.837 25.886c-9.598 7.303-19.398 13.05-29.398 17.262c-9.909 4.175-19.889 6.245-29.959 6.245c-12.966 0-22.122-3.862-28.073-11.123c-6.105-7.689-9.352-18.694-9.352-33.397c0-16.392 3.256-33.311 9.821-50.773q10.262-26.706 25.837-51.288q15.957-24.619 35.083-45.291c13.012-13.807 25.746-25.19 38.199-34.175l2.49-1.796l-1.853-2.448l-11.448-15.12l-1.455-1.921l-2.189 1.006c-11.168 5.13-22.306 11.713-33.416 19.734q-16.635 12.009-32.16 26.907q-15.547 14.918-28.915 32.368q-13.379 17.104-23.515 35.68l-.011.02l-.01.02q-9.785 18.595-15.597 37.6C105.96 291.302 104 303.838 104 316.16c0 12.298 1.833 23.46 5.555 33.448c3.703 9.936 8.909 18.56 15.634 25.829c6.735 7.279 14.726 12.809 23.946 16.573c9.452 4.002 19.625 5.99 30.487 5.99c10.596 0 21.972-1.858 34.11-5.52c12.235-3.45 24.533-9.099 36.894-16.903c12.392-7.825 24.497-17.822 36.322-29.964l.01-.011l.01-.01c11.443-11.985 22.174-26.311 32.205-42.952c3.554.701 7.485 1.04 11.774 1.04c14.093 0 27.456-3.364 40.047-10.072c12.723-6.779 24.856-18.579 36.462-35.125l1.635-2.331l-2.242-1.754l-12.879-10.08l-2.667-2.088l-1.75 2.9c-3.97 6.58-8.027 12.172-12.163 16.801c-4.121 4.373-8.435 7.904-12.935 10.621l-.029.018l-.029.018c-4.239 2.694-8.939 4.729-14.118 6.095c-5.224 1.137-11.067 1.717-17.543 1.717h-.975q4.995-8.699 8.79-18.98q5.063-13.104 8.326-26.229q3.619-13.478 5.433-26.621c1.208-8.748 1.817-16.808 1.817-24.17c0-9.798-.973-19.023-2.936-27.664c-1.96-8.629-4.799-16.129-8.564-22.45c-3.769-6.568-8.48-11.734-14.169-15.387c-5.762-3.942-12.309-5.899-19.544-5.899c-7.982 0-15.352 2.213-22.041 6.614c-6.59 4.336-12.35 10.286-17.308 17.769l-.007.01l-.006.01c-4.723 7.254-8.415 15.703-11.107 25.307c-2.703 9.646-4.046 19.88-4.046 30.69q0 16.079 2.544 31.45l.006.034l.006.034c1.942 10.259 4.737 19.929 8.393 29.003l.006.013l.005.014c3.668 8.857 8.202 16.881 13.613 24.058l.015.02zm37.453-27.675l-.008.023l-.008.023a177 177 0 0 1-9.014 22.052c-4.372-3.324-8.153-7.513-11.339-12.599q-5.903-9.786-9.734-21a130 130 0 0 1-5.595-23.224c-1.175-8.042-1.757-15.455-1.757-22.246c0-7.48.696-14.584 2.078-21.319c1.621-6.98 3.8-12.944 6.503-17.931l.013-.025l.013-.024c2.703-5.213 5.9-9.162 9.541-11.963l.043-.034l.042-.034c3.576-2.964 7.325-4.35 11.322-4.35c2.754 0 5.264.987 7.625 3.165l.095.088l.103.079c2.596 2.01 4.822 5.022 6.581 9.226l.038.09l.043.087c2.002 4.029 3.599 8.924 4.752 14.73c1.149 5.777 1.732 12.178 1.732 19.215c0 5.11-.463 11.212-1.405 18.326l-.006.044l-.005.043c-.696 6.779-2.095 14.184-4.21 22.224l-.01.04l-.009.04q-2.822 12.067-7.424 25.254Z"/></g></svg>Cara memakai ikon Orshot
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:orshot" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:orshot" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:orshot" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--orshot]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:orshot"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:orshot"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/orshot.svg" alt="Ikon Orshot" width="24" height="24">FAQ Ikon Orshot
Apakah ikon Orshot 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 Orshot di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:orshot" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Orshot ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/orshot.svg" alt="Ikon Orshot">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.