✎
CSS Symbols
31 文字
Symbols commonly injected via the CSS content property in ::before and ::after pseudo-elements. Includes directional arrows, check and cross marks, rating stars, geometric bullets, typographic dashes and chevrons, pipe separators, and editing symbols. A practical toolkit for CSS-driven list markers, breadcrumbs, and decorative glyphs.
文字
copied = '', 1500)
"
:class="copied === 'U+2192' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
→
copied = '', 1500)
"
:class="copied === 'U+2190' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
←
copied = '', 1500)
"
:class="copied === 'U+2191' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
↑
copied = '', 1500)
"
:class="copied === 'U+2193' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
↓
copied = '', 1500)
"
:class="copied === 'U+2713' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
✓
copied = '', 1500)
"
:class="copied === 'U+2717' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
✗
copied = '', 1500)
"
:class="copied === 'U+2605' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
★
copied = '', 1500)
"
:class="copied === 'U+2606' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
☆
copied = '', 1500)
"
:class="copied === 'U+25CF' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
●
copied = '', 1500)
"
:class="copied === 'U+25CB' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
○
copied = '', 1500)
"
:class="copied === 'U+25A0' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
■
copied = '', 1500)
"
:class="copied === 'U+25A1' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
□
copied = '', 1500)
"
:class="copied === 'U+25C6' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
◆
copied = '', 1500)
"
:class="copied === 'U+25C7' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
◇
copied = '', 1500)
"
:class="copied === 'U+2022' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
•
copied = '', 1500)
"
:class="copied === 'U+00B7' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
·
copied = '', 1500)
"
:class="copied === 'U+2014' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
—
copied = '', 1500)
"
:class="copied === 'U+2013' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
–
copied = '', 1500)
"
:class="copied === 'U+00AB' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
«
copied = '', 1500)
"
:class="copied === 'U+00BB' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
»
copied = '', 1500)
"
:class="copied === 'U+2039' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
‹
copied = '', 1500)
"
:class="copied === 'U+203A' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
›
copied = '', 1500)
"
:class="copied === 'U+007C' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
|
copied = '', 1500)
"
:class="copied === 'U+2502' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
│
copied = '', 1500)
"
:class="copied === 'U+270E' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
✎
copied = '', 1500)
"
:class="copied === 'U+270F' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
✏
copied = '', 1500)
"
:class="copied === 'U+2710' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
✐
copied = '', 1500)
"
:class="copied === 'U+2756' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
❖
copied = '', 1500)
"
:class="copied === 'U+2764' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
❤
copied = '', 1500)
"
:class="copied === 'U+2603' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
☃
copied = '', 1500)
"
:class="copied === 'U+2665' ? 'bg-green-100 dark:bg-green-900 border-green-400' : ''">
♥
コピーしました!文字名をクリックすると詳細を表示します。