Cardano アイコン
simple-icons:cardano
Cardano アイコン(simple-icons:cardano)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6.577 11.92a1.62 1.62 0 0 0 1.521 1.706h.094a1.617 1.617 0 1 0-1.615-1.706m-6.025-.416a.522.522 0 1 0 .001 0zM6.474 2.54a.522.522 0 1 0-.001 0zm1.64 2.858a.807.807 0 1 0-.727-1.44a.807.807 0 0 0 .727 1.44M2.597 7.365a.665.665 0 1 0 .729-1.113a.665.665 0 0 0-.729 1.112m.982 3.851a.808.808 0 1 0 .76.852a.81.81 0 0 0-.76-.852m-.891 5.422a.665.665 0 1 0 .893.295a.664.664 0 0 0-.891-.296zm3.136-7.093a.95.95 0 1 0-.001 0m9.95-4.21a.808.808 0 1 0 0-.001Zm1.656-2.85a.522.522 0 1 0 0-.001m-1.53 7.893a1.616 1.616 0 1 0-.183 3.227h.093a1.616 1.616 0 0 0 .09-3.23zm-7.255-.945a1.616 1.616 0 1 0 2.887-1.454A1.616 1.616 0 0 0 8.645 9.43zm12.667-2.07a.665.665 0 1 0-.003 0zm-4.096.514a.95.95 0 1 0 .856 1.696a.95.95 0 0 0-.856-1.696m-5.277-5.636a.665.665 0 1 0-.004 0zm-.008 4.183a.95.95 0 1 0-.001 0zm-5.147 9.7a.95.95 0 1 0-.854-1.697a.95.95 0 0 0 .854 1.697m5.76-8.313a1.614 1.614 0 1 0 2.701 1.767a1.614 1.614 0 0 0-2.701-1.767m2.81 6.757a1.617 1.617 0 1 0-.716 2.17h.001a1.607 1.607 0 0 0 .724-2.154zm2.822-.112a.95.95 0 1 0-1.042 1.588a.95.95 0 0 0 1.042-1.588m3.096-2.429a.808.808 0 1 0-.852.76a.81.81 0 0 0 .852-.76m2.235-.574a.522.522 0 1 0-.058 1.043a.522.522 0 0 0 .058-1.043m-2.104 5.182a.665.665 0 1 0-.73 1.113a.665.665 0 0 0 .73-1.112M6.57 21.517a.522.522 0 1 0-.574.873a.522.522 0 0 0 .573-.873m10.955-.055a.522.522 0 1 0 .003-.001zm-6.07-5.272a1.616 1.616 0 1 0-2.702-1.771a1.616 1.616 0 0 0 2.703 1.771m-3.23 2.477a.808.808 0 1 0-.885 1.35a.808.808 0 0 0 .886-1.35m3.767 3.093a.665.665 0 1 0 .003 0zM12 17.576a.95.95 0 1 0 .001 0m3.886 1.026a.808.808 0 1 0 .004-.002z"/></svg>Cardano アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:cardano" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:cardano" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:cardano" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--cardano]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:cardano"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:cardano"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/cardano.svg" alt="Cardano アイコン" width="24" height="24">他のアイコンセットの Cardano アイコン
Cardano アイコン のよくある質問
Cardano アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cardano アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:cardano" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cardano アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/cardano.svg" alt="Cardano アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。