MediumSignal

PhlexIcons::Huge

Source code

Icon (Variant: :stroke) ↓

With Phlex::Kit

Huge::MediumSignal(variant: :stroke)

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

render PhlexIcons::Huge::MediumSignal.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:
				'M17 17.5V6.5C17 6.03406 17 5.80109 17.0761 5.61732C17.1776 5.37229 17.3723 5.17761 17.6173 5.07612C17.8011 5 18.0341 5 18.5 5C18.9659 5 19.1989 5 19.3827 5.07612C19.6277 5.17761 19.8224 5.37229 19.9239 5.61732C20 5.80109 20 6.03406 20 6.5V17.5C20 17.9659 20 18.1989 19.9239 18.3827C19.8224 18.6277 19.6277 18.8224 19.3827 18.9239C19.1989 19 18.9659 19 18.5 19C18.0341 19 17.8011 19 17.6173 18.9239C17.3723 18.8224 17.1776 18.6277 17.0761 18.3827C17 18.1989 17 17.9659 17 17.5Z',
			stroke: '#141B34',
			stroke_width: '1.5',
			stroke_linecap: 'round',
			stroke_linejoin: 'round'
		)
		s.path(
			d:
				'M12 19C12.4659 19 12.6989 19 12.8827 18.9239C13.1277 18.8224 13.3224 18.6277 13.4239 18.3827C13.5 18.1989 13.5 17.9659 13.5 17.5V9.5C13.5 9.03406 13.5 8.80109 13.4239 8.61732C13.3224 8.37229 13.1277 8.17761 12.8827 8.07612C12.6989 8 12.4659 8 12 8M12 19C11.5341 19 11.3011 19 11.1173 18.9239C10.8723 18.8224 10.6776 18.6277 10.5761 18.3827C10.5 18.1989 10.5 17.9659 10.5 17.5V9.5C10.5 9.03406 10.5 8.80109 10.5761 8.61732C10.6776 8.37229 10.8723 8.17761 11.1173 8.07612C11.3011 8 11.5341 8 12 8M12 19V8',
			stroke: '#141B34',
			stroke_width: '1.5',
			stroke_linecap: 'round',
			stroke_linejoin: 'round'
		)
		s.path(
			d:
				'M5.5 19C5.96594 19 6.19891 19 6.38268 18.9239C6.62771 18.8224 6.82239 18.6277 6.92388 18.3827C7 18.1989 7 17.9659 7 17.5V13.5C7 13.0341 7 12.8011 6.92388 12.6173C6.82239 12.3723 6.62771 12.1776 6.38268 12.0761C6.19891 12 5.96594 12 5.5 12M5.5 19C5.03406 19 4.80109 19 4.61732 18.9239C4.37229 18.8224 4.17761 18.6277 4.07612 18.3827C4 18.1989 4 17.9659 4 17.5V13.5C4 13.0341 4 12.8011 4.07612 12.6173C4.17761 12.3723 4.37229 12.1776 4.61732 12.0761C4.80109 12 5.03406 12 5.5 12M5.5 19V12',
			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="M17 17.5V6.5C17 6.03406 17 5.80109 17.0761 5.61732C17.1776 5.37229 17.3723 5.17761 17.6173 5.07612C17.8011 5 18.0341 5 18.5 5C18.9659 5 19.1989 5 19.3827 5.07612C19.6277 5.17761 19.8224 5.37229 19.9239 5.61732C20 5.80109 20 6.03406 20 6.5V17.5C20 17.9659 20 18.1989 19.9239 18.3827C19.8224 18.6277 19.6277 18.8224 19.3827 18.9239C19.1989 19 18.9659 19 18.5 19C18.0341 19 17.8011 19 17.6173 18.9239C17.3723 18.8224 17.1776 18.6277 17.0761 18.3827C17 18.1989 17 17.9659 17 17.5Z" stroke="#141B34" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
	<path d="M12 19C12.4659 19 12.6989 19 12.8827 18.9239C13.1277 18.8224 13.3224 18.6277 13.4239 18.3827C13.5 18.1989 13.5 17.9659 13.5 17.5V9.5C13.5 9.03406 13.5 8.80109 13.4239 8.61732C13.3224 8.37229 13.1277 8.17761 12.8827 8.07612C12.6989 8 12.4659 8 12 8M12 19C11.5341 19 11.3011 19 11.1173 18.9239C10.8723 18.8224 10.6776 18.6277 10.5761 18.3827C10.5 18.1989 10.5 17.9659 10.5 17.5V9.5C10.5 9.03406 10.5 8.80109 10.5761 8.61732C10.6776 8.37229 10.8723 8.17761 11.1173 8.07612C11.3011 8 11.5341 8 12 8M12 19V8" stroke="#141B34" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
	<path d="M5.5 19C5.96594 19 6.19891 19 6.38268 18.9239C6.62771 18.8224 6.82239 18.6277 6.92388 18.3827C7 18.1989 7 17.9659 7 17.5V13.5C7 13.0341 7 12.8011 6.92388 12.6173C6.82239 12.3723 6.62771 12.1776 6.38268 12.0761C6.19891 12 5.96594 12 5.5 12M5.5 19C5.03406 19 4.80109 19 4.61732 18.9239C4.37229 18.8224 4.17761 18.6277 4.07612 18.3827C4 18.1989 4 17.9659 4 17.5V13.5C4 13.0341 4 12.8011 4.07612 12.6173C4.17761 12.3723 4.37229 12.1776 4.61732 12.0761C4.80109 12 5.03406 12 5.5 12M5.5 19V12" stroke="#141B34" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>