LivePhoto

PhlexIcons::Tabler

Source code

Icon (Variant: :outline) ↓

With Phlex::Kit

Tabler::LivePhoto(variant: :outline)

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

render PhlexIcons::Tabler::LivePhoto.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: 'M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0')
		s.path(d: 'M12 12m-5 0a5 5 0 1 0 10 0a5 5 0 1 0 -10 0')
		s.path(d: 'M15.9 20.11l0 .01')
		s.path(d: 'M19.04 17.61l0 .01')
		s.path(d: 'M20.77 14l0 .01')
		s.path(d: 'M20.77 10l0 .01')
		s.path(d: 'M19.04 6.39l0 .01')
		s.path(d: 'M15.9 3.89l0 .01')
		s.path(d: 'M12 3l0 .01')
		s.path(d: 'M8.1 3.89l0 .01')
		s.path(d: 'M4.96 6.39l0 .01')
		s.path(d: 'M3.23 10l0 .01')
		s.path(d: 'M3.23 14l0 .01')
		s.path(d: 'M4.96 17.61l0 .01')
		s.path(d: 'M8.1 20.11l0 .01')
		s.path(d: 'M12 21l0 .01')
	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="M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path>
	<path d="M12 12m-5 0a5 5 0 1 0 10 0a5 5 0 1 0 -10 0"></path>
	<path d="M15.9 20.11l0 .01"></path>
	<path d="M19.04 17.61l0 .01"></path>
	<path d="M20.77 14l0 .01"></path>
	<path d="M20.77 10l0 .01"></path>
	<path d="M19.04 6.39l0 .01"></path>
	<path d="M15.9 3.89l0 .01"></path>
	<path d="M12 3l0 .01"></path>
	<path d="M8.1 3.89l0 .01"></path>
	<path d="M4.96 6.39l0 .01"></path>
	<path d="M3.23 10l0 .01"></path>
	<path d="M3.23 14l0 .01"></path>
	<path d="M4.96 17.61l0 .01"></path>
	<path d="M8.1 20.11l0 .01"></path>
	<path d="M12 21l0 .01"></path>
</svg>

Icon (Variant: :filled) ↓

With Phlex::Kit

Tabler::LivePhoto(variant: :filled)

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

render PhlexIcons::Tabler::LivePhoto.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:
				'M12 6a6 6 0 1 1 -6 6l.004 -.225a6 6 0 0 1 5.996 -5.775m0 4a2 2 0 0 0 -1.995 1.85l-.005 .15a2 2 0 1 0 2 -2m3.9 9.11a1 1 0 0 1 .993 .883l.007 .127a1 1 0 0 1 -1.993 .117l-.007 -.127a1 1 0 0 1 1 -1m3.14 -2.5a1 1 0 0 1 .993 .883l.007 .127a1 1 0 0 1 -1.993 .117l-.007 -.127a1 1 0 0 1 1 -1m1.73 -3.61a1 1 0 0 1 .993 .883l.007 .127a1 1 0 0 1 -1.993 .117l-.007 -.127a1 1 0 0 1 1 -1m0 -4a1 1 0 0 1 .993 .883l.007 .127a1 1 0 0 1 -1.993 .117l-.007 -.127a1 1 0 0 1 1 -1m-1.73 -3.61a1 1 0 0 1 1 1a1 1 0 1 1 -2 .01c0 -.562 .448 -1.01 1 -1.01m-3.14 -2.5a1 1 0 0 1 1 1a1 1 0 1 1 -2 .01c0 -.562 .448 -1.01 1 -1.01m-3.9 -.89a1 1 0 0 1 1 1a1 1 0 1 1 -2 .01c0 -.562 .448 -1.01 1 -1.01m-3.9 .89a1 1 0 0 1 1 1a1 1 0 1 1 -2 .01c0 -.562 .448 -1.01 1 -1.01m-3.14 2.5a1 1 0 0 1 1 1a1 1 0 1 1 -2 .01c0 -.562 .448 -1.01 1 -1.01m-1.73 3.61a1 1 0 0 1 .993 .883l.007 .127a1 1 0 0 1 -1.993 .117l-.007 -.127a1 1 0 0 1 1 -1m0 4a1 1 0 0 1 .993 .883l.007 .127a1 1 0 0 1 -1.993 .117l-.007 -.127a1 1 0 0 1 1 -1m1.73 3.61a1 1 0 0 1 .993 .883l.007 .127a1 1 0 0 1 -1.993 .117l-.007 -.127a1 1 0 0 1 1 -1m3.14 2.5a1 1 0 0 1 .993 .883l.007 .127a1 1 0 0 1 -1.993 .117l-.007 -.127a1 1 0 0 1 1 -1m3.9 .89a1 1 0 0 1 .993 .883l.007 .127a1 1 0 0 1 -1.993 .117l-.007 -.127a1 1 0 0 1 1 -1'
		)
	end
end

Plain SVG ↓

<svg xmlns="http://www.w3.org/2000/svg" class="" fill="currentColor" viewbox="0 0 24 24">
	<path d="M12 6a6 6 0 1 1 -6 6l.004 -.225a6 6 0 0 1 5.996 -5.775m0 4a2 2 0 0 0 -1.995 1.85l-.005 .15a2 2 0 1 0 2 -2m3.9 9.11a1 1 0 0 1 .993 .883l.007 .127a1 1 0 0 1 -1.993 .117l-.007 -.127a1 1 0 0 1 1 -1m3.14 -2.5a1 1 0 0 1 .993 .883l.007 .127a1 1 0 0 1 -1.993 .117l-.007 -.127a1 1 0 0 1 1 -1m1.73 -3.61a1 1 0 0 1 .993 .883l.007 .127a1 1 0 0 1 -1.993 .117l-.007 -.127a1 1 0 0 1 1 -1m0 -4a1 1 0 0 1 .993 .883l.007 .127a1 1 0 0 1 -1.993 .117l-.007 -.127a1 1 0 0 1 1 -1m-1.73 -3.61a1 1 0 0 1 1 1a1 1 0 1 1 -2 .01c0 -.562 .448 -1.01 1 -1.01m-3.14 -2.5a1 1 0 0 1 1 1a1 1 0 1 1 -2 .01c0 -.562 .448 -1.01 1 -1.01m-3.9 -.89a1 1 0 0 1 1 1a1 1 0 1 1 -2 .01c0 -.562 .448 -1.01 1 -1.01m-3.9 .89a1 1 0 0 1 1 1a1 1 0 1 1 -2 .01c0 -.562 .448 -1.01 1 -1.01m-3.14 2.5a1 1 0 0 1 1 1a1 1 0 1 1 -2 .01c0 -.562 .448 -1.01 1 -1.01m-1.73 3.61a1 1 0 0 1 .993 .883l.007 .127a1 1 0 0 1 -1.993 .117l-.007 -.127a1 1 0 0 1 1 -1m0 4a1 1 0 0 1 .993 .883l.007 .127a1 1 0 0 1 -1.993 .117l-.007 -.127a1 1 0 0 1 1 -1m1.73 3.61a1 1 0 0 1 .993 .883l.007 .127a1 1 0 0 1 -1.993 .117l-.007 -.127a1 1 0 0 1 1 -1m3.14 2.5a1 1 0 0 1 .993 .883l.007 .127a1 1 0 0 1 -1.993 .117l-.007 -.127a1 1 0 0 1 1 -1m3.9 .89a1 1 0 0 1 .993 .883l.007 .127a1 1 0 0 1 -1.993 .117l-.007 -.127a1 1 0 0 1 1 -1"></path>
</svg>