Ikon Vsco
thesvg:vsco
Ikon Vsco (thesvg:vsco) adalah ikon SVG gratis dari set theSVG karya thesvg.org. Ikon ini digambar pada grid 24 × 24. theSVG 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
- Pembuat
- thesvg.org
- Lisensi
- MIT
- Ukuran
- 24 × 24
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0C5.376 0 0 5.376 0 12s5.376 12 12 12s12-5.376 12-12S18.624 0 12 0m11.52 12c0 .408-.023.792-.072 1.176l-2.04-.24c.024-.312.05-.624.05-.936c0-.288-.025-.6-.05-.888l2.04-.24c.072.384.072.744.072 1.128M.479 12c0-.384.024-.769.049-1.152l2.04.24c-.024.312-.047.6-.047.912s.023.6.047.912l-2.04.24C.479 12.769.479 12.384.479 12m20.472-3.096l1.921-.72a11.6 11.6 0 0 1 .552 2.232l-2.04.24c-.097-.6-.24-1.2-.433-1.752M21 12c0 .6-.072 1.176-.167 1.752l-2.017-.455c.071-.409.119-.841.119-1.297s-.048-.912-.119-1.344l2.017-.457c.118.577.167 1.177.167 1.801m-9 6.456A6.46 6.46 0 0 1 5.544 12A6.46 6.46 0 0 1 12 5.544A6.46 6.46 0 0 1 18.456 12a6.44 6.44 0 0 1-6.429 6.456zM12.216 21v-2.064a7 7 0 0 0 2.568-.575l.888 1.872a9 9 0 0 1-3.456.767m-3.936-.791l.912-1.873a6.6 6.6 0 0 0 2.568.6V21a8.8 8.8 0 0 1-3.48-.791M3 12c0-.624.072-1.224.192-1.824l2.016.456q-.147.676-.144 1.368c0 .432.048.864.12 1.272l-2.016.455A8 8 0 0 1 3 12m8.76-9v2.064a6.9 6.9 0 0 0-2.544.576l-.888-1.871A9.1 9.1 0 0 1 11.76 3m3.935.792l-.911 1.872a6.6 6.6 0 0 0-2.568-.576V3.024c1.248 0 2.424.288 3.479.768m5.088 4.656a10 10 0 0 0-.84-1.608l1.681-1.152a12.7 12.7 0 0 1 1.056 2.04zm-.07 1.296l-2.018.456a6.9 6.9 0 0 0-1.151-2.352l1.632-1.295c.72.959 1.248 2.015 1.537 3.191m-3.457-2.256a7 7 0 0 0-2.04-1.633l.912-1.871a9.1 9.1 0 0 1 2.76 2.208zm-.6-3.744l.96-1.824a13 13 0 0 1 1.896 1.32L18.145 4.8a9.2 9.2 0 0 0-1.489-1.056m-.408-.216a10 10 0 0 0-1.68-.648l.504-1.992a12 12 0 0 1 2.159.84zm-2.16-.768c-.6-.144-1.2-.216-1.824-.239V.479c.793.024 1.584.12 2.328.289zm-2.28-.239a11 11 0 0 0-1.8.216L9.528.744c.72-.168 1.487-.265 2.28-.265zm-2.28.334q-.88.251-1.704.649l-.96-1.824a11.7 11.7 0 0 1 2.16-.816zm-2.112.865a9 9 0 0 0-1.488 1.032L4.56 3.216c.6-.504 1.224-.936 1.896-1.319zm.48.264l.888 1.871a7 7 0 0 0-2.04 1.608L5.136 6.168a9.4 9.4 0 0 1 2.76-2.184M4.848 6.552l1.608 1.295A7 7 0 0 0 5.304 10.2l-2.016-.456c.312-1.2.84-2.28 1.56-3.192M3.24 8.4l-1.92-.72c.287-.72.648-1.416 1.08-2.04l1.68 1.176A7.7 7.7 0 0 0 3.24 8.4m-.168.455c-.192.577-.36 1.152-.432 1.776L.6 10.393c.12-.769.288-1.537.553-2.257zm-.456 4.513c.096.6.239 1.2.432 1.776l-1.92.72a10 10 0 0 1-.552-2.257zm.624 2.208c.239.576.528 1.104.84 1.607L2.4 18.336a10.2 10.2 0 0 1-1.08-2.016zm.024-1.392l2.017-.456a7 7 0 0 0 1.128 2.376L4.8 17.4a8.9 8.9 0 0 1-1.536-3.216m3.432 2.28A6.9 6.9 0 0 0 8.76 18.12l-.912 1.872a9.3 9.3 0 0 1-2.784-2.232zm.72 3.815l-.96 1.825a11.6 11.6 0 0 1-1.896-1.321l1.368-1.535c.456.407.936.744 1.488 1.031m.408.217c.528.264 1.104.48 1.705.647l-.504 1.992a11 11 0 0 1-2.16-.815zm2.16.768q.864.18 1.8.217v2.039a14.4 14.4 0 0 1-2.305-.264zm2.28.216a10.7 10.7 0 0 0 1.801-.217l.479 1.992c-.749.168-1.513.264-2.28.287zm2.257-.336a10.4 10.4 0 0 0 1.703-.647l.96 1.824c-.688.35-1.412.623-2.159.815zm2.086-.865a9 9 0 0 0 1.488-1.031l1.369 1.535a11.7 11.7 0 0 1-1.896 1.321zm-.479-.263l-.888-1.871a6.9 6.9 0 0 0 2.064-1.656l1.606 1.296a9.6 9.6 0 0 1-2.782 2.231m3.071-2.592l-1.607-1.296a6.6 6.6 0 0 0 1.128-2.376l2.017.456a9.7 9.7 0 0 1-1.538 3.216M20.76 15.6l1.92.721a11 11 0 0 1-1.079 2.04l-1.682-1.177a8.4 8.4 0 0 0 .841-1.584m.168-.455c.192-.553.336-1.152.433-1.752l2.039.239c-.11.761-.294 1.508-.551 2.232zm.456-9.841l-1.681 1.152q-.539-.736-1.199-1.368l1.368-1.536a15 15 0 0 1 1.512 1.752M4.2 3.528l1.368 1.536c-.456.408-.84.864-1.2 1.368l-1.68-1.176A9.4 9.4 0 0 1 4.2 3.528M2.664 18.744l1.68-1.152c.36.48.769.937 1.2 1.369l-1.368 1.535a15 15 0 0 1-1.512-1.752m17.16 1.729l-1.368-1.537c.432-.407.841-.863 1.199-1.344l1.682 1.176a15 15 0 0 1-1.513 1.705"/></svg>Cara memakai ikon Vsco
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg:vsco" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg:vsco" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg:vsco" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--vsco]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:vsco"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg:vsco"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg/vsco.svg" alt="Ikon Vsco" width="24" height="24">Ikon terkait di theSVG
Ikon Vsco di set ikon lain
FAQ Ikon Vsco
Apakah ikon Vsco gratis untuk penggunaan komersial?
Ya. theSVG icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Vsco di React?
Pasang @iconify/react lalu render <Icon icon="thesvg:vsco" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Vsco ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg/vsco.svg" alt="Ikon Vsco">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.