Cards

PhlexIcons::Tabler

Source code

Icon (Variant: :outline) ↓

With Phlex::Kit

Tabler::Cards(variant: :outline)

Without Phlex::Kit (e.g. ERB) ↓

render PhlexIcons::Tabler::Cards.new(variant: :outline)

Plain Phlex ↓

def view_template
	svg(
		**attrs,
		xmlns: 'http://www.w3.org/2000/svg',
		viewbox: '0 0 24 24',
		fill: 'none',
		stroke: 'currentColor',
		stroke_width: '2',
		stroke_linecap: 'round',
		stroke_linejoin: 'round'
	) do |s|
		s.path(
			d:
				'M3.604 7.197l7.138 -3.109a.96 .96 0 0 1 1.27 .527l4.924 11.902a1 1 0 0 1 -.514 1.304l-7.137 3.109a.96 .96 0 0 1 -1.271 -.527l-4.924 -11.903a1 1 0 0 1 .514 -1.304z'
		)
		s.path(d: 'M15 4h1a1 1 0 0 1 1 1v3.5')
		s.path(
			d: 'M20 6c.264 .112 .52 .217 .768 .315a1 1 0 0 1 .53 1.311l-2.298 5.374'
		)
	end
end

Plain SVG ↓

<svg xmlns="http://www.w3.org/2000/svg" class="" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
	<path d="M3.604 7.197l7.138 -3.109a.96 .96 0 0 1 1.27 .527l4.924 11.902a1 1 0 0 1 -.514 1.304l-7.137 3.109a.96 .96 0 0 1 -1.271 -.527l-4.924 -11.903a1 1 0 0 1 .514 -1.304z"></path>
	<path d="M15 4h1a1 1 0 0 1 1 1v3.5"></path>
	<path d="M20 6c.264 .112 .52 .217 .768 .315a1 1 0 0 1 .53 1.311l-2.298 5.374"></path>
</svg>

Icon (Variant: :filled) ↓

With Phlex::Kit

Tabler::Cards(variant: :filled)

Without Phlex::Kit (e.g. ERB) ↓

render PhlexIcons::Tabler::Cards.new(variant: :filled)

Plain Phlex ↓

def view_template
	svg(
		**attrs,
		xmlns: 'http://www.w3.org/2000/svg',
		viewbox: '0 0 24 24',
		fill: 'currentColor'
	) do |s|
		s.path(
			d:
				'M10.348 3.169l-7.15 3.113a2 2 0 0 0 -1.03 2.608l4.92 11.895a1.96 1.96 0 0 0 2.59 1.063l7.142 -3.11a2.002 2.002 0 0 0 1.036 -2.611l-4.92 -11.894a1.96 1.96 0 0 0 -2.588 -1.064z'
		)
		s.path(
			d:
				'M16 3a2 2 0 0 1 1.995 1.85l.005 .15v3.5a1 1 0 0 1 -1.993 .117l-.007 -.117v-3.5h-1a1 1 0 0 1 -.117 -1.993l.117 -.007h1z'
		)
		s.path(
			d:
				'M19.08 5.61a1 1 0 0 1 1.31 -.53c.257 .108 .505 .21 .769 .314a2 2 0 0 1 1.114 2.479l-.056 .146l-2.298 5.374a1 1 0 0 1 -1.878 -.676l.04 -.11l2.296 -5.371l-.366 -.148l-.402 -.167a1 1 0 0 1 -.53 -1.312z'
		)
	end
end

Plain SVG ↓

<svg xmlns="http://www.w3.org/2000/svg" class="" fill="currentColor" viewbox="0 0 24 24">
	<path d="M10.348 3.169l-7.15 3.113a2 2 0 0 0 -1.03 2.608l4.92 11.895a1.96 1.96 0 0 0 2.59 1.063l7.142 -3.11a2.002 2.002 0 0 0 1.036 -2.611l-4.92 -11.894a1.96 1.96 0 0 0 -2.588 -1.064z"></path>
	<path d="M16 3a2 2 0 0 1 1.995 1.85l.005 .15v3.5a1 1 0 0 1 -1.993 .117l-.007 -.117v-3.5h-1a1 1 0 0 1 -.117 -1.993l.117 -.007h1z"></path>
	<path d="M19.08 5.61a1 1 0 0 1 1.31 -.53c.257 .108 .505 .21 .769 .314a2 2 0 0 1 1.114 2.479l-.056 .146l-2.298 5.374a1 1 0 0 1 -1.878 -.676l.04 -.11l2.296 -5.371l-.366 -.148l-.402 -.167a1 1 0 0 1 -.53 -1.312z"></path>
</svg>