Hourglass

PhlexIcons::Tabler

Source code

Icon (Variant: :outline) ↓

With Phlex::Kit

Tabler::Hourglass(variant: :outline)

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

render PhlexIcons::Tabler::Hourglass.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: 'M6.5 7h11')
		s.path(d: 'M6.5 17h11')
		s.path(d: 'M6 20v-2a6 6 0 1 1 12 0v2a1 1 0 0 1 -1 1h-10a1 1 0 0 1 -1 -1z')
		s.path(d: 'M6 4v2a6 6 0 1 0 12 0v-2a1 1 0 0 0 -1 -1h-10a1 1 0 0 0 -1 1z')
	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="M6.5 7h11"></path>
	<path d="M6.5 17h11"></path>
	<path d="M6 20v-2a6 6 0 1 1 12 0v2a1 1 0 0 1 -1 1h-10a1 1 0 0 1 -1 -1z"></path>
	<path d="M6 4v2a6 6 0 1 0 12 0v-2a1 1 0 0 0 -1 -1h-10a1 1 0 0 0 -1 1z"></path>
</svg>

Icon (Variant: :filled) ↓

With Phlex::Kit

Tabler::Hourglass(variant: :filled)

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

render PhlexIcons::Tabler::Hourglass.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:
				'M17 2a2 2 0 0 1 1.995 1.85l.005 .15v2a6.996 6.996 0 0 1 -3.393 6a6.994 6.994 0 0 1 3.388 5.728l.005 .272v2a2 2 0 0 1 -1.85 1.995l-.15 .005h-10a2 2 0 0 1 -1.995 -1.85l-.005 -.15v-2a6.996 6.996 0 0 1 3.393 -6a6.994 6.994 0 0 1 -3.388 -5.728l-.005 -.272v-2a2 2 0 0 1 1.85 -1.995l.15 -.005h10z'
		)
	end
end

Plain SVG ↓

<svg xmlns="http://www.w3.org/2000/svg" class="" fill="currentColor" viewbox="0 0 24 24">
	<path d="M17 2a2 2 0 0 1 1.995 1.85l.005 .15v2a6.996 6.996 0 0 1 -3.393 6a6.994 6.994 0 0 1 3.388 5.728l.005 .272v2a2 2 0 0 1 -1.85 1.995l-.15 .005h-10a2 2 0 0 1 -1.995 -1.85l-.005 -.15v-2a6.996 6.996 0 0 1 3.393 -6a6.994 6.994 0 0 1 -3.388 -5.728l-.005 -.272v-2a2 2 0 0 1 1.85 -1.995l.15 -.005h10z"></path>
</svg>