PolyTank

PhlexIcons::Huge

Source code

Icon (Variant: :stroke) ↓

With Phlex::Kit

Huge::PolyTank(variant: :stroke)

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

render PhlexIcons::Huge::PolyTank.new(variant: :stroke)

Plain Phlex ↓

def view_template
	svg(
		**attrs,
		viewbox: '0 0 24 24',
		fill: 'none',
		xmlns: 'http://www.w3.org/2000/svg'
	) do |s|
		s.path(
			d:
				'M9.375 4.7686C8.57164 4.93458 7.78616 5.17556 7.02247 5.48619C6.12831 5.84989 5.68124 6.03174 5.34062 6.53801C5 7.04427 5 7.6177 5 8.76457V17.024C5 18.4927 5 19.2271 5.47504 19.7869C5.95008 20.3467 6.59936 20.4538 7.89792 20.668C9.21368 20.885 10.5873 21 12 21C13.4127 21 14.7863 20.885 16.1021 20.668C17.4006 20.4538 18.0499 20.3467 18.525 19.7869C19 19.2271 19 18.4927 19 17.024V8.76457C19 7.6177 19 7.04427 18.6594 6.53801C18.3188 6.03174 17.8717 5.84989 16.9775 5.48619C16.2138 5.17556 15.4284 4.93458 14.625 4.7686M9.375 4.7686C10.2313 4.5917 11.1078 4.5 12 4.5C12.8922 4.5 13.7687 4.5917 14.625 4.7686M9.375 4.7686V4C9.375 3.05719 9.375 2.58579 9.66789 2.29289C9.96079 2 10.4322 2 11.375 2H12.625C13.5678 2 14.0392 2 14.3321 2.29289C14.625 2.58579 14.625 3.05719 14.625 4V4.7686',
			stroke: '#141B34',
			stroke_width: '1.5',
			stroke_linecap: 'round',
			stroke_linejoin: 'round'
		)
		s.path(
			d:
				'M10 20.5V19C10 18.0572 10 17.5858 10.2929 17.2929C10.5858 17 11.0572 17 12 17C12.9428 17 13.4142 17 13.7071 17.2929C14 17.5858 14 18.0572 14 19V20.5',
			stroke: '#141B34',
			stroke_width: '1.5',
			stroke_linecap: 'round',
			stroke_linejoin: 'round'
		)
		s.path(
			d:
				'M19 12C16.8564 11.3568 14.4889 11 12 11C9.51113 11 7.14362 11.3568 5 12',
			stroke: '#141B34',
			stroke_width: '1.5',
			stroke_linecap: 'round',
			stroke_linejoin: 'round'
		)
	end
end

Plain SVG ↓

<svg xmlns="http://www.w3.org/2000/svg" class="" viewbox="0 0 24 24" fill="none">
	<path d="M9.375 4.7686C8.57164 4.93458 7.78616 5.17556 7.02247 5.48619C6.12831 5.84989 5.68124 6.03174 5.34062 6.53801C5 7.04427 5 7.6177 5 8.76457V17.024C5 18.4927 5 19.2271 5.47504 19.7869C5.95008 20.3467 6.59936 20.4538 7.89792 20.668C9.21368 20.885 10.5873 21 12 21C13.4127 21 14.7863 20.885 16.1021 20.668C17.4006 20.4538 18.0499 20.3467 18.525 19.7869C19 19.2271 19 18.4927 19 17.024V8.76457C19 7.6177 19 7.04427 18.6594 6.53801C18.3188 6.03174 17.8717 5.84989 16.9775 5.48619C16.2138 5.17556 15.4284 4.93458 14.625 4.7686M9.375 4.7686C10.2313 4.5917 11.1078 4.5 12 4.5C12.8922 4.5 13.7687 4.5917 14.625 4.7686M9.375 4.7686V4C9.375 3.05719 9.375 2.58579 9.66789 2.29289C9.96079 2 10.4322 2 11.375 2H12.625C13.5678 2 14.0392 2 14.3321 2.29289C14.625 2.58579 14.625 3.05719 14.625 4V4.7686" stroke="#141B34" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
	<path d="M10 20.5V19C10 18.0572 10 17.5858 10.2929 17.2929C10.5858 17 11.0572 17 12 17C12.9428 17 13.4142 17 13.7071 17.2929C14 17.5858 14 18.0572 14 19V20.5" stroke="#141B34" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
	<path d="M19 12C16.8564 11.3568 14.4889 11 12 11C9.51113 11 7.14362 11.3568 5 12" stroke="#141B34" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>