Ard アイコン
cbi:ard
Ard アイコン(cbi:ard)は、Custom Brand Icons セットの無料 SVG アイコンです（作者: Emanuele & rchiileea）。 24 × 24 のグリッドで描かれています。 Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Custom Brand Icons
- 作者
- Emanuele & rchiileea
- ライセンス
- CC-BY-NC-SA-4.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="M16.956 16.575a4.55 4.55 0 0 1-2.75-1.294c-.219-.217-.536-.595-.536-.64c0-.015.638-.467.659-.467c.006 0 .061.066.123.145c1.16 1.503 3.247 1.912 4.858.955a3.8 3.8 0 0 0 1.703-2.236a3.83 3.83 0 0 0-.258-2.735c-.567-1.142-1.623-1.9-2.863-2.059a4.8 4.8 0 0 0-1.093.023a3.8 3.8 0 0 0-1.744.795a4.6 4.6 0 0 0-.633.65c-.048.066-.094.117-.103.114a14 14 0 0 1-.649-.456c0-.011.107-.153.21-.28a6 6 0 0 1 .579-.586a4.63 4.63 0 0 1 4.948-.65a4.56 4.56 0 0 1 1.939 1.764c.908 1.506.867 3.448-.102 4.901a4 4 0 0 1-.588.72a4.3 4.3 0 0 1-1.221.875a4.5 4.5 0 0 1-1.377.434a7 7 0 0 1-1.102.026m-.595-3.706c0-.798-.006-1.409-.014-1.409s-.276.096-.598.214l-.612.221c-.025.007-.027-.023-.027-.46v-.467l1.881-.675l1.881-.675l.004 1.877c.002 1.034.001 1.882-.003 1.885c-.008.009-2.485.895-2.5.896c-.007 0-.012-.633-.012-1.408M2 14.085c0-.011.319-.956.71-2.101l.71-2.08l.523-.005l.524-.004l.714 2.095a385 385 0 0 1 .714 2.104c0 .005-.207.01-.46.01h-.459l-.089-.278l-.14-.433l-.051-.157h-1.59l-.137.43l-.137.43l-.416.004c-.329.004-.416 0-.416-.016Zm2.44-1.651a88 88 0 0 1-.467-1.483l-.076-.265l-.019.07a43 43 0 0 1-.525 1.702l-.021.066H4.47Zm1.972-.432V9.9l.775-.011a21 21 0 0 1 .919 0q1.313.1 1.313 1.26c0 .239-.03.378-.12.57c-.119.253-.292.422-.568.559l-.16.078l.037.049c.039.051 1.058 1.684 1.058 1.694a12 12 0 0 1-.499.005h-.499l-.475-.805l-.475-.805h-.461l-.005.801l-.004.802l-.418.004l-.418.004Zm1.695-.236c.307-.083.444-.28.43-.614a.55.55 0 0 0-.052-.252c-.077-.169-.217-.261-.45-.3a5 5 0 0 0-.72-.006l-.058.01v1.205l.379-.009c.281-.006.403-.015.471-.033Zm2.29 2.327l-.153-.005V9.899l.7-.011c.385-.007.778-.007.873 0c.977.061 1.58.514 1.791 1.346c.059.235.081.436.08.75c-.003 1.238-.591 1.946-1.743 2.096c-.143.019-.321.024-.79.021a68 68 0 0 1-.758-.008m1.373-.709c.198-.022.308-.053.461-.127c.41-.2.598-.642.575-1.348a3 3 0 0 0-.034-.376c-.103-.484-.354-.774-.768-.887c-.148-.042-.35-.056-.684-.05l-.247.004v2.767l.067.008q.102.015.379.022a3 3 0 0 0 .25-.013Z"/></svg>Ard アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:ard" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:ard" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:ard" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--ard]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:ard"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:ard"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cbi/ard.svg" alt="Ard アイコン" width="24" height="24">Custom Brand Icons の関連アイコン
他のアイコンセットの Ard アイコン
Ard アイコン のよくある質問
Ard アイコンは商用利用でも無料ですか?
いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。
React で Ard アイコンを使うには?
@iconify/react をインストールして <Icon icon="cbi:ard" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ard アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cbi/ard.svg" alt="Ard アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。