Discover Card アイコン
selfhst:discover-card
Discover Card アイコン(selfhst:discover-card)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- selfh.st/icons
- 作者
- selfh.st
- ライセンス
- CC-BY-4.0
- サイズ
- 512 × 512
- タグ
- discovercard
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#201d1c" d="M75 296h16v-82.1H75zm55.1-50.6c-9.6-3.6-12.4-5.9-12.4-10.3c0-5.2 5-9.1 11.9-9.1c4.8 0 8.7 2 12.9 6.7l8.4-11c-6.9-6-15.1-9.1-24.1-9.1c-14.5 0-25.6 10.1-25.6 23.5c0 11.3 5.2 17.1 20.2 22.5c6.3 2.2 9.5 3.7 11.1 4.7c3.2 2.1 4.8 5 4.8 8.5c0 6.7-5.3 11.6-12.4 11.6c-7.6 0-13.8-3.8-17.5-11l-10.3 10c7.4 10.8 16.2 15.6 28.4 15.6c16.6 0 28.3-11.1 28.3-27c0-13-5.4-18.9-23.7-25.6m28.7 9.6c0 24.1 19 42.9 43.3 42.9c6.9 0 12.8-1.4 20.1-4.8v-18.9c-6.4 6.4-12.1 9-19.3 9c-16.1 0-27.6-11.7-27.6-28.3c0-15.8 11.8-28.2 26.8-28.2c7.6 0 13.4 2.7 20.1 9.2v-18.8c-7-3.6-12.8-5-19.7-5c-24.2-.1-43.7 19-43.7 42.9m190.4 14l-21.9-55.2h-17.5l34.8 84.2h8.6l35.5-84.2h-17.4zm46.8 27h45.4v-13.9H412v-22.2h28.3V246H412v-18.2h29.4v-13.9H396zM42.2 275.6c-5 4.5-11.6 6.5-21.9 6.5H16v-54.3h4.3c10.3 0 16.6 1.9 21.9 6.6c5.5 4.9 8.9 12.6 8.9 20.4c0 8-3.3 15.8-8.9 20.8m-18.7-61.7H0V296h23.4c12.4 0 21.4-2.9 29.3-9.5c9.4-7.8 14.9-19.4 14.9-31.5c0-24.2-18.1-41.1-44.1-41.1m449.2 37.8H468v-24.9h4.9c10 0 15.4 4.2 15.4 12.2c.1 8.2-5.3 12.7-15.6 12.7m32.2-13.6c0-15.4-10.6-24.2-29.1-24.2H452V296h16v-33h2.1l22.2 33H512l-25.8-34.6c12-2.4 18.7-10.7 18.7-23.3"/><linearGradient id="SVGHMCqRJjP" x1="293.495" x2="248.759" y1="294.743" y2="217.257" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f59314"/><stop offset=".136" stop-color="#f38b15"/><stop offset=".347" stop-color="#ed7518"/><stop offset=".605" stop-color="#e4521d"/><stop offset=".662" stop-color="#e2491e"/><stop offset=".815" stop-color="#c33c1e"/><stop offset="1" stop-color="#99291e"/></linearGradient><circle cx="271.1" cy="256" r="44.7" fill="url(#SVGHMCqRJjP)"/></svg>Discover Card アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:discover-card" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:discover-card" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:discover-card" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--discover-card]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:discover-card"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:discover-card"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/discover-card.svg" alt="Discover Card アイコン" width="24" height="24">selfh.st/icons の関連アイコン
Discover Card アイコン のよくある質問
Discover Card アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Discover Card アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:discover-card" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Discover Card アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/discover-card.svg" alt="Discover Card アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。