Ikon Sonarr Anime Light
selfhst:sonarr-anime-light
Ikon Sonarr Anime Light (selfhst:sonarr-anime-light) adalah ikon SVG gratis dari set selfh.st/icons karya selfh.st. Ikon ini digambar pada grid 512 × 512. selfh.st/icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- selfh.st/icons
- Pembuat
- selfh.st
- Lisensi
- CC-BY-4.0
- Ukuran
- 512 × 512
- Tag
- sonarranime, animelight, sonarranimelight
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" fill-rule="evenodd" d="M138.5 100.3c28.9 28.9 65.8 36.3 105.6 36.3c41 0 77.8-7.9 107.8-38C365.7 84.8 393.7 57 394.7 56Q330.2 3.2 243.8 3.2c-57.1 0-107.2 17.4-150.2 52.1zM431.8 384c2.5 0 4.9.4 6.9 1.1c30.2-41 45.3-88.1 45.3-141.2c0-55.4-16.4-104.2-49.1-146.5l-49.7 49.8c-29 29.1-31.6 54.4-31.6 99.1c0 39.8 6.3 76.3 35.9 105.9c13 13.1 25.7 25.7 33.7 33.6c2.5-1.2 5.5-1.8 8.6-1.8M98.7 352.3c30.7-30.8 35.7-66.4 35.7-106.3c0-38.8-6.4-75.1-34.6-103.4C80.9 123.8 55.1 98.2 53 96.2c-29.7 37.9-46.1 81.2-49 130c-.3.6-.5 1-.5 1.6c-.3 5.1-.4 10.4-.4 16.1c0 5.4.2 10.6.4 16c.5 9.6 1.6 19.1 3.2 28.4C13.6 327.9 30 363.5 56.2 395c.2-.2 21.9-22 42.5-42.7m185.4 122.9V393c0-12.5 6.2-23.5 15.8-30.1c-16.2-4.5-33.8-5.3-55.4-5.3c-43.9 0-73.7 4-105.8 36.2c-19 19-40.8 40.9-41.1 41.3c2 1.6 4.1 3.1 6.2 4.6c40.3 29.9 87 44.8 140.2 44.8c14 0 27.6-1.1 40.7-3.1c-.4-2-.6-4.1-.6-6.2"/><path fill="#0cf" d="M336.3 441.9c-4 2.7-5.9 6.6-5.9 11.6c0 4.1 1.4 7.3 4.1 9.7s6.3 3.6 10.9 3.6c4.2 0 8.1-1 11.8-3.1c3.7-2 6.5-4.8 8.3-8.2v-17.8H354q-11.7.15-17.7 4.2"/><path fill="#0cf" d="M474 356.3H320.8c-20.3 0-36.7 16.4-36.7 36.7v82.2c0 20.3 16.4 36.7 36.7 36.7H474c20.2 0 36.6-16.4 36.7-36.7V393c0-20.3-16.4-36.7-36.7-36.7m-83.7 125.9h-21.7c-.9-1.8-1.7-4.7-2.4-8.8c-6.8 7.1-15 10.6-24.8 10.6c-9.5 0-17.2-2.7-23.2-8.1q-9-8.1-9-20.1c0-10.1 3.7-17.8 11.2-23.2q11.25-8.1 32.1-8.1h13v-6.2c0-4.9-1.4-8.8-4.1-11.8c-2.7-2.9-6.9-4.4-12.5-4.4c-4.8 0-8.8 1.2-11.9 3.6s-4.6 5.5-4.6 9.2h-21.2c0-5.2 1.7-10 5.2-14.6c3.4-4.5 8.1-8.1 14-10.6c5.9-2.6 12.5-3.8 19.8-3.8c11.1 0 19.9 2.8 26.5 8.3c6.6 5.6 10 13.4 10.1 23.5v42.7q0 12.75 3.6 20.4v1.4zm93.7 0h-21.2v-61.3c0-6-1.3-10.4-3.9-13.3s-6.8-4.3-12.7-4.3c-8.6 0-14.9 3.9-19.1 11.6v67.3h-21.2v-94.6h20l.6 10.9c7-8.4 16.2-12.7 27.5-12.7c19.7 0 29.7 11.3 30.1 33.8v62.6z"/><path fill="#0cf" fill-rule="evenodd" d="M177.8 256.2c-.5-2.6-.8-5.2-.8-7.9c-.1-1.5-.1-2.9-.1-4.4c0-1.6 0-3 .1-4.4c0-.2 0-.3.1-.5c.9-16.4 7.4-30.5 19.3-42.4c13.1-13 28.8-19.5 47.2-19.5s34.1 6.5 47.2 19.5c13 13.2 19.5 29 19.5 47.3s-6.5 34-19.5 47.2c-.5.5-.9 1-1.4 1.4c-2.2 2.1-4.4 3.9-6.8 5.6c-11.3 8.3-24.3 12.4-38.9 12.4c-14.7 0-27.6-4.1-38.8-12.4c-2.9-2.1-5.7-4.4-8.4-7.1c-10.2-10-16.3-21.6-18.7-34.8"/><path fill="none" stroke="#0cf" stroke-miterlimit="1" stroke-width="2" d="m353.5 135.8l-33.2 32.5M71.7 75.5l90.7 90.3m187.7 187l4.7 4.8m61.1-282.5l-62.4 60.7M75.2 415.5l60.7-60.9"/><path fill="none" stroke="#0cf" stroke-miterlimit="1" stroke-width="7" d="M353.3 135.8L315.7 174M134 137.7l38.2 38.1m-36.7 179l37.1-38.6m137.5-3.2l40 39.9"/></svg>Cara memakai ikon Sonarr Anime Light
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:sonarr-anime-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:sonarr-anime-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:sonarr-anime-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--sonarr-anime-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:sonarr-anime-light"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:sonarr-anime-light"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/selfhst/sonarr-anime-light.svg" alt="Ikon Sonarr Anime Light" width="24" height="24">Ikon terkait di selfh.st/icons
FAQ Ikon Sonarr Anime Light
Apakah ikon Sonarr Anime Light gratis untuk penggunaan komersial?
Ya. selfh.st/icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.
Bagaimana cara memakai ikon Sonarr Anime Light di React?
Pasang @iconify/react lalu render <Icon icon="selfhst:sonarr-anime-light" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Sonarr Anime Light ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/selfhst/sonarr-anime-light.svg" alt="Ikon Sonarr Anime Light">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.