Namecheap アイコン
logos:namecheap
Namecheap アイコン(logos:namecheap)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 142 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 142
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="142" viewBox="0 0 256 142"><defs><linearGradient id="SVGgzu0cbGs" x1="13.322%" x2="82.62%" y1="94.945%" y2="1.132%"><stop offset="0%" stop-color="#d4202c"/><stop offset="4.166%" stop-color="#d82d2b" stop-opacity=".958"/><stop offset="17.6%" stop-color="#e25226" stop-opacity=".824"/><stop offset="31.67%" stop-color="#eb7123" stop-opacity=".683"/><stop offset="46.35%" stop-color="#f28920" stop-opacity=".536"/><stop offset="61.88%" stop-color="#f69a1e" stop-opacity=".381"/><stop offset="78.86%" stop-color="#f9a41d" stop-opacity=".211"/><stop offset="100%" stop-color="#faa71d" stop-opacity="0"/></linearGradient><linearGradient id="SVGcao2lbbR" x1="86.624%" x2="17.326%" y1="5.04%" y2="98.855%"><stop offset="0%" stop-color="#d4202c"/><stop offset="4.166%" stop-color="#d82d2b" stop-opacity=".958"/><stop offset="17.6%" stop-color="#e25226" stop-opacity=".824"/><stop offset="31.67%" stop-color="#eb7123" stop-opacity=".683"/><stop offset="46.35%" stop-color="#f28920" stop-opacity=".536"/><stop offset="61.88%" stop-color="#f69a1e" stop-opacity=".381"/><stop offset="78.86%" stop-color="#f9a41d" stop-opacity=".211"/><stop offset="100%" stop-color="#faa71d" stop-opacity="0"/></linearGradient></defs><path fill="#ff5000" d="M232 0c-9 0-16.8 5-20.9 12.3l-.5 1l-18.8 37L168 97.2l15.6 30.7l.9 1.7c2.4 4.2 6 7.7 10.4 9.8c4.4-2.2 8-5.6 10.4-9.8l.9-1.7l46.7-92l1.1-2.2c1.3-3 2-6.2 2-9.7c0-13.3-10.7-24-24-24M87.9 44.6L72.4 14l-.9-1.7c-2.4-4.2-6-7.7-10.4-9.8c-4.4 2.2-8 5.6-10.4 9.8l-.8 1.7l-46.7 92l-1.1 2.2c-1.3 3-2 6.2-2 9.7c0 13.2 10.7 24 24 24c9 0 16.8-5 20.9-12.3l.5-1l18.8-37L88 44.7z"/><path fill="url(#SVGgzu0cbGs)" d="M232 0c-9 0-16.9 5-20.9 12.3l-.5 1l-18.8 37L168 97.2l15.6 30.7l.9 1.7c2.4 4.2 6 7.7 10.4 9.8c4.4-2.2 8-5.6 10.4-9.8l.9-1.7l46.7-92l1.1-2.2c1.3-3 2-6.2 2-9.7c0-13.3-10.8-24-24-24"/><path fill="url(#SVGcao2lbbR)" d="M24 141.9c9 0 16.9-5 20.9-12.3l.5-1l18.8-37L88 44.7L72.4 14l-.9-1.7c-2.4-4.2-6-7.7-10.4-9.8c-4.4 2.2-8 5.6-10.4 9.8l-.8 1.7l-46.7 92l-1.2 2.3c-1.3 3-2 6.2-2 9.7c0 13.2 10.7 23.9 24 23.9"/><path fill="#ff8c44" d="M87.9 44.6L72.4 14l-.9-1.7c-2.4-4.2-6-7.7-10.4-9.8c1.4-.7 3-1.3 4.5-1.7c1.9-.5 4-.8 6-.8h32.8c9 .1 16.8 5 20.9 12.3l.7 1.7l42.1 83.3l15.5 30.6l.9 1.7c2.4 4.2 6 7.7 10.4 9.8c-1.4.7-3 1.3-4.5 1.7c-1.9.5-4 .8-6.1.8h-32.6c-9-.1-16.8-5-20.9-12.3l-.9-1.7z"/></svg>Namecheap アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:namecheap" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:namecheap" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:namecheap" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--namecheap]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:namecheap"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:namecheap"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/namecheap.svg" alt="Namecheap アイコン" width="24" height="24">他のアイコンセットの Namecheap アイコン
Namecheap アイコン のよくある質問
Namecheap アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Namecheap アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:namecheap" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Namecheap アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/namecheap.svg" alt="Namecheap アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。