BounceLeft

PhlexIcons::Tabler

Source code

Icon (Variant: :outline) ↓

With Phlex::Kit

Tabler::BounceLeft(variant: :outline)

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

render PhlexIcons::Tabler::BounceLeft.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: 'M20 15.5c-3 -1 -5.5 -.5 -8 4.5c-.5 -3 -1.5 -5.5 -3 -8')
		s.path(d: 'M6 9a2 2 0 1 1 0 -4a2 2 0 0 1 0 4z')
	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="M20 15.5c-3 -1 -5.5 -.5 -8 4.5c-.5 -3 -1.5 -5.5 -3 -8"></path>
	<path d="M6 9a2 2 0 1 1 0 -4a2 2 0 0 1 0 4z"></path>
</svg>

Icon (Variant: :filled) ↓

With Phlex::Kit

Tabler::BounceLeft(variant: :filled)

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

render PhlexIcons::Tabler::BounceLeft.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:
				'M8.486 11.143a1 1 0 0 1 1.371 .343c1.045 1.74 1.83 3.443 2.392 5.237l.172 .581l.092 -.13c2.093 -2.921 4.48 -3.653 7.565 -2.7l.238 .077a1 1 0 1 1 -.632 1.898c-2.932 -.978 -4.73 -.122 -6.79 3.998c-.433 .866 -1.721 .673 -1.88 -.283c-.46 -2.76 -1.369 -5.145 -2.871 -7.65a1 1 0 0 1 .343 -1.371z'
		)
		s.path(d: 'M6 4a3 3 0 1 0 0 6a3 3 0 0 0 0 -6z')
	end
end

Plain SVG ↓

<svg xmlns="http://www.w3.org/2000/svg" class="" fill="currentColor" viewbox="0 0 24 24">
	<path d="M8.486 11.143a1 1 0 0 1 1.371 .343c1.045 1.74 1.83 3.443 2.392 5.237l.172 .581l.092 -.13c2.093 -2.921 4.48 -3.653 7.565 -2.7l.238 .077a1 1 0 1 1 -.632 1.898c-2.932 -.978 -4.73 -.122 -6.79 3.998c-.433 .866 -1.721 .673 -1.88 -.283c-.46 -2.76 -1.369 -5.145 -2.871 -7.65a1 1 0 0 1 .343 -1.371z"></path>
	<path d="M6 4a3 3 0 1 0 0 6a3 3 0 0 0 0 -6z"></path>
</svg>