Cloak アイコン
cryptocurrency-color:cloak
Cloak アイコン(cryptocurrency-color:cloak)は、Cryptocurrency Color Icons セットの無料 SVG アイコンです（作者: Christopher Downer）。 32 × 32 のグリッドで描かれています。 Cryptocurrency Color Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Cryptocurrency Color Icons
- 作者
- Christopher Downer
- ライセンス
- CC0-1.0
- サイズ
- 32 × 32
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none" fill-rule="evenodd"><circle cx="16" cy="16" r="16" fill="#ff3a00"/><path fill="#fff" fill-rule="nonzero" d="M16.003 5C22.07 5.01 27.002 9.946 27 16.003C26.998 22.067 22.062 27 15.996 27h-.01C9.926 26.994 4.997 22.053 5 15.986C5.003 9.93 9.94 5 16.003 5M16 6.418c-5.277 0-9.572 4.298-9.574 9.58c-.001 5.276 4.288 9.572 9.562 9.576c5.283 0 9.585-4.296 9.589-9.576a9.5 9.5 0 0 0-2.805-6.77a9.5 9.5 0 0 0-6.77-2.81zm4.728 8.599c.339 1.719-.097 3.163-1.332 4.417l-.17.171l-.216-.106a6 6 0 0 0-.364-.164l-.489-.204l.394-.354c.769-.69 1.178-1.591 1.217-2.677s-.345-2.033-1.143-2.814a3.73 3.73 0 0 0-2.621-1.066a3.76 3.76 0 0 0-2.83 1.279c-.798.91-1.103 2.018-.88 3.203a3.64 3.64 0 0 0 1.114 2.041l.387.359l-.489.197q-.182.073-.387.16l-.21.088l-.16-.163c-.823-.848-1.269-1.824-1.362-2.984c-.197-2.445 1.388-4.599 3.77-5.121a5 5 0 0 1 1.07-.118a4.8 4.8 0 0 1 4.7 3.856zm-10.755 6.29C8.497 19.661 7.3 16.741 8.37 13.483a8.03 8.03 0 0 1 7.625-5.519a8.03 8.03 0 0 1 7.605 5.429c.946 2.772.288 5.924-1.675 8.03l-.25.267l-.897-1.002l.198-.223c1.228-1.383 1.798-3.023 1.695-4.873c-.096-1.69-.768-3.162-1.998-4.374a6.6 6.6 0 0 0-4.667-1.909a6.7 6.7 0 0 0-4.371 1.625a6.6 6.6 0 0 0-2.009 3.037a6.6 6.6 0 0 0-.12 3.626a6.6 6.6 0 0 0 1.43 2.77l.196.227l-.916.986z"/></g></svg>Cloak アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cryptocurrency-color:cloak" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cryptocurrency-color:cloak" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cryptocurrency-color:cloak" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cryptocurrency-color--cloak]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cryptocurrency-color -->
<div class="i-cryptocurrency-color:cloak"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cryptocurrency-color:cloak"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cryptocurrency-color/cloak.svg" alt="Cloak アイコン" width="24" height="24">他のアイコンセットの Cloak アイコン
Cloak アイコン のよくある質問
Cloak アイコンは商用利用でも無料ですか?
はい。Cryptocurrency Color Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cloak アイコンを使うには?
@iconify/react をインストールして <Icon icon="cryptocurrency-color:cloak" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cloak アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cryptocurrency-color/cloak.svg" alt="Cloak アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。