Ikon Safe
flat-ui:safe
Ikon Safe (flat-ui:safe) adalah ikon SVG gratis dari set Flat UI Icons karya Designmodo, Inc.. Ikon ini digambar pada grid 100 × 100. Flat UI 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
- Flat UI Icons
- Pembuat
- Designmodo, Inc.
- Lisensi
- MIT
- Ukuran
- 100 × 100
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="#C8CACA" d="M47.931 3.242V1.767c-16.767.791-28.518 5.227-35.851 13.557C5.789 22.471 2.536 33.2 1.95 47.406h1.483c1.265-29.27 14.472-42.76 44.498-44.164m48.585 43.914l1.473.109c-.586-14.216-3.84-24.562-10.131-31.714C80.525 7.217 68.773 2.776 52.007 1.986v1.476c30.025 1.404 43.244 14.403 44.509 43.694M3.432 52.719H1.95c.586 14.139 3.9 24.692 10.186 31.805c7.328 8.289 19.071 12.705 35.827 13.49v-1.468C17.957 95.15 4.696 81.848 3.432 52.719m48.605 43.609v1.469c16.756-.787 28.499-5.206 35.826-13.501C94.15 77.18 97.4 66.898 97.986 52.75h-1.455c-1.263 29.148-14.488 42.182-44.494 43.578"/><path fill="#35495E" d="M3 47a3 3 0 1 0 0 6a3 3 0 0 0 0-6m94 0a3 3 0 1 0 0 6a3 3 0 0 0 0-6M50 0a3 3 0 1 0 0 6a3 3 0 0 0 0-6m0 94a3 3 0 1 0 0 6a3 3 0 0 0 0-6"/><path fill="#E64B3C" d="M50 5C25.147 5 5 25.147 5 50s20.147 45 45 45s45-20.146 45-45S74.854 5 50 5m0 69c-13.255 0-24-10.745-24-24s10.745-24 24-24s24 10.745 24 24s-10.745 24-24 24"/><path fill="none" d="M50 5C25.147 5 5 25.147 5 50s20.147 45 45 45s45-20.146 45-45S74.854 5 50 5m0 69c-13.255 0-24-10.745-24-24s10.745-24 24-24s24 10.745 24 24s-10.745 24-24 24"/><defs><path id="SVGCzSg7Sno" d="M50 5C25.146 5 5 25.147 5 50s20.146 45 45 45s45-20.146 45-45S74.854 5 50 5m0 69c-13.255 0-24-10.745-24-24s10.745-24 24-24s24 10.745 24 24s-10.745 24-24 24"/></defs><clipPath id="SVGJ0fh0d9q"><use href="#SVGCzSg7Sno"/></clipPath><g fill="#C54132" clip-path="url(#SVGJ0fh0d9q)"><path d="m67 58l33 33V58zM50 41V-1L13 4z"/></g><defs><path id="SVGtqqK5dfU" d="M50 5C25.147 5 5 25.147 5 50s20.147 45 45 45s45-20.146 45-45S74.854 5 50 5m0 69c-13.255 0-24-10.745-24-24s10.745-24 24-24s24 10.745 24 24s-10.745 24-24 24"/></defs><clipPath id="SVGs14zYdcd"><use href="#SVGtqqK5dfU"/></clipPath><path fill="#EBECED" d="M70 38v24h26V38zM4 62h26V38H4zm34 34h24V70H38zm0-66h24V4H38z" clip-path="url(#SVGs14zYdcd)"/></svg>
Cara memakai ikon Safe
React
import { Icon } from "@iconify/react";
<Icon icon="flat-ui:safe" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flat-ui:safe" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flat-ui:safe" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flat-ui--safe]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flat-ui -->
<div class="i-flat-ui:safe"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flat-ui:safe"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/flat-ui/safe.svg" alt="Ikon Safe" width="24" height="24">
Ikon Safe di set ikon lain
FAQ Ikon Safe
Apakah ikon Safe gratis untuk penggunaan komersial?
Ya. Flat UI Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Safe di React?
Pasang @iconify/react lalu render <Icon icon="flat-ui:safe" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Safe ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/flat-ui/safe.svg" alt="Ikon Safe">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Flat UI Icons →
ICONYZ
